element:not(:first-of-type)

<style>
.xx:not(:first-of-type){
    color:red;
}
</style>

<div>
    <div></div>
    <div></div>
    <div class="xx">test11</div>
    <div class="xx">test22</div>
    <div class="xx">test33</div>
    <div></div>
</div>

期望
所有的class为xx的并且不是这个集合里的第一个变色
clipboard.png

结果
全变色了
clipboard.png

要求不能改动dom结构(不能添加修改删除 标签/属性)的情况下实现期望
并且要把class为xx 想象成近乎无限多的(不要避开not选择器 不要避开first选择器)


补充一个有趣现象,把那些class为xx的标签如果改成其它标签比如p 就会实现期望,非常奇怪。但是,作为有追求的人。我想硬磕这个问题,坚决不改dom

阅读 3.4k
1 个回答

someselector:first-of-type不仅与someselector这个选择器相关,还与符合该选择器的元素的标签相关。

<div>
    <div1></div1>
    <div2></div2>
    <div class="xx">test11</div>
    <div class="xx">test22</div>
    <div class="xx">test33</div>
    <div></div>
</div>

标签名改一下这样就正常了,参考https://yq.aliyun.com/article...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏