使用*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()像这样链接多个 s 。

* {
  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>