css3not选择器

CSS3中的:not选择器是一种非常有用的选择器，它可以对不想选择的元素进行排除，并给其他元素应用样式。 使用:not选择器时可以使用任何CSS选择器作为参数。

:not(selector){
    style properties;
}

例如，要选择所有不是类“foo”的p元素：

p:not(.foo){
    color: red;
}
    

在上面的代码中，选择器“:not(.foo)”将排除具有类“foo”的所有p元素。紧接着的样式属性“color:red; ”将应用于剩下的p元素。

使用:not选择器的另一个常见情况是选择器链中的多个类，但您只想为其中的一个类应用样式。例如：

.class1:not(.class2) {
    background-color: red;
}

在这个例子中，class1和class2是两个类。 但是，只有具有class1但没有class2的元素将应用红色背景颜色。

除了类，:not选择器还可以使用id或元素名作为参数。例如：

:not(#id) {
    font-weight: bold;
}
div:not(#id){
    background-color: blue;
}
    

在第一段代码中，将针对除具有“id”的元素以外的所有元素应用粗体字。 在第二段代码中，除具有“id”的div元素外，所有其他div元素都将具有蓝色背景颜色。

总而言之，:not选择器是CSS3中一个非常强大且实用的选择器，可以让我们更轻松地排除不需要的元素，并对其他元素应用自定义样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！