如何选择没有课程的元素？

Question

如果我的文档看起来像这样（虽然没有任何特定的顺序，但很多很多<i...>）

<i class="special">abc</i>
<i>def</i>
<i>xyz</i>
<i class="another">rfd</i>

示例中元素的顺序也是任意，例如没有订单给他们。

我想要一个css选择器，只给我<i>没有设置类（甚至不使用javascript）。

我是怎么做到的？

编辑：我已经指定了这个问题，因为它们没有订购。

Answer 1

将:not()选择器与attribute selector一起使用，以查找不具有class的元素。

i:not([class]) {
    ...
}

Answer 2

您可以使用nth-child选择器：

i:nth-child(2)

Answer 3

John，我认为选择该元素的最佳方法是使用选择器：

i.special + i:not(special):not(another), i.another + i:not(special):not(another)

加号用于为相邻的兄弟姐妹提供所选的初始元素。逗号是所选对象之间的分隔符。我希望这会有所帮助。