对除按钮以外的所有元素应用CSS样式

Question

我在style.css中有以下测试代码（为所有元素打开边框）：

* { border: 1px solid blue; /*testing*/ }

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

* { border: 0px solid blue; /*testing*/ }

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

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

但上述情况并不奏效。

将1px边框应用于所有元素时，是否有一种简单的排除方式？

Answer 1

正确的语法：

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

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