[分享]css元素不被选中

在网页设计中，我们经常会用到CSS样式来美化页面。但是有时候，我们不想让某些元素受到样式的影响，该怎么办呢？这就需要使用CSS的“不被选中”（:not）特性。p:not(.class){ color:...

在网页设计中，我们经常会用到CSS样式来美化页面。但是有时候，我们不想让某些元素受到样式的影响，该怎么办呢？这就需要使用CSS的“不被选中”（:not）特性。

p:not(.class){
  color: blue;
} 

上面的代码表示：除了class为“.class” 的p元素，其他所有的p元素都将颜色设置为蓝色。

另外，我们还可以通过:not组合其他的选择器，进行更精确的选择。

div:not(.class) p{
  font-size: 20px;
} 

上面的代码表示：除了class为“.class” 的div元素里的p元素，其他所有的p元素都将字体大小设置为20px。

需要注意的是，IE8及以下版本不支持:not选择器。

利用“不被选中”的特性，我们可以让页面的样式更加灵活、精确、美观。