CSS特定类的第一个孩子

前端之家收集整理的这篇文章主要介绍了CSS特定类的第一个孩子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 HTML代码
<span class="ui-icon ui-icon-triangle-1-s"></span>
<span class="route-line">4</span>
<span class="route-line">33</span>

我想在class =“route-line”的第一个跨度上添加一些样式. CSS有可能吗?它类似于nth-type;如果它已经存在,它将被称为类型为nth-class.

谢谢!

解决方法

对于没有类.route-line的任何其他元素,首先使用类.route-line
*:not(.route-line) + span.route-line
{
    background-color:yellow;
}

猜你在找的CSS相关文章