使用* with：不在css中

Question

我正在使用css处理html linter。

参考：https://bitsofco.de/linting-html-using-css/

我喜欢突出显示具有内联样式的元素的想法：

*[style] {
    color: red !important;
    border: 5px solid red !important; 
}

但是，我确实有一些必须使用内联样式的实例，即canvas元素。

1. 如何使用：not选择器和*？
2. 我可以有多个：nots，即：not（canvas）：not（form）等

Answer 1

你有什么作品并且不包括画布。是的，你可以像这样链接多个:not()。

* {
  border: 1px solid black;
}
*[style]:not(canvas):not(form) {
    color: red !important;
    border: 5px solid red !important;
}

<canvas style="foo">canvas</canvas>
<form style="foo">form</form>
<div style="foo">div</div>

Answer 2

：not（）规则匹配与子规则不匹配的任何内容。子规则是有效的css选择器。编写[canvas]将匹配任何具有canvas属性的元素，因此这不是您想要的。

正确用法是：

*[style]:not(canvas):not(form)