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

Question

如果我的文件看起来像这样（很多很多更多的<i...>虽然没有任何特定的顺序）的例子中的元素的

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

的为了也只是任意，例如有无订单给他们。

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

我该怎么做？

编辑：我指定了这个问题，因为他们没有下订单。

Answer 1

使用:not()选择与attribute selector发现没有class元素。

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

Answer 2

您可以使用nth-child选择：

i:nth-child(2) 

Answer 3

约翰，我觉得选择该元素的最好方法是使用选择：

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

的加号，给你邻近的兄弟姐妹选择的初始元素。逗号是所选对象之间的分隔符。我希望这个对你有用。