html - 为除按钮之外的所有元素应用 CSS 样式

Question

我的 style.css 中有以下测试代码(为所有元素打开边框):

* { 边框:1px 纯蓝色；/*测试*/ }

目前，我只是在使用此测试功能时将 1px 更改为 0px。

* { 边框:0px 纯蓝色；/*测试*/ }

但我发现带边框的按钮，即使是 border=0，也不采用默认按钮样式。所以，我想从我的测试代码中排除按钮元素。 像这样:

*:not([button]) {
border: 1px solid blue;
}

但是上面的不行。

在对所有元素应用 1px 边框时，有没有一种简单的方法可以排除？

Answer 1

正确的语法:

*:not(button) {
  // ....
}

方括号用于属性，因为在 :not() 中你应该有一个选择器。