css - 如何选择没有类的元素？

Question

如果我的文档看起来像这样(很多很多 <i...> 尽管没有任何特定顺序)

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

示例中元素的顺序也是任意的，例如他们没有命令。

我想要一个只给我 <i> 的 css 选择器没有设置类的地方(甚至不使用 javascript)。

我是怎么做到的？

编辑:我已经指定了问题，因为他们没有订购。

Answer 1

使用 :not()选择器带有 attribute selector查找没有 class 的元素。

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