css:not()排除多个类

2019-07-291204次阅读javascript

假设您想选择除了某些类和标签之外的元素。这时该:not()选择器上场了。

body:not(.home) {
  
}
/* 选择任何不是p段落的元素*/
:not(p) {
  color: blue;
}

但是如果有多个类需要排除在外呢?

:not()没有像and或者or一样的逻辑组合器,但你可以链接它们,这实际上就像and。

body:not(.home):not(.away):not(.page-50) {
  
}

:not()选择器本身不会添加任何特定的内容,但内部的内容会添加,因此:not(.foo)添加的权重与.foo相同。

上一篇: margin: auto也能实现垂直居中  下一篇: CommonJs规范中require导入带路径和不带路径的区别  

css:not()排除多个类相关文章