要使用CSS :not选择器,您可以使用以下代码示例:
HTML:
Highlighted paragraph
Normal paragraph
Highlighted paragraph
Normal paragraph
CSS:
.container p:not(.highlight) {
color: gray;
}
在此示例中,我们有一个带有类名为“highlight”的段落元素和一个没有类名的普通段落元素。我们想为没有类名为“highlight”的段落元素设置一些样式(在此示例中,我们将其颜色设置为灰色)。
我们使用的CSS选择器是:not(.highlight)
,表示选择所有不具有类名为“highlight”的段落元素。然后,我们将其颜色设置为灰色。
这样,只有没有类名为“highlight”的段落元素才会应用样式,而具有类名为“highlight”的段落元素将被忽略。