CSS选择器匹配一个没有内嵌背景颜色的元素

Question

有没有办法选择不某个CSS属性应用内嵌（与值无关）？

.element:not([background-color^="rgb"]){}

.element:[background-color=""]{}

Answer 1

attribute是样式而不是CSS property（在这种情况下是背景颜色）。

- 使用 CSS3 [attribute ^ = value]选择器，值以单词（＆＃34; background-color＆＃34;）开头：

.element:not([style^="background-color"]){}

- 使用 CSS [attribute~ =＆＃34; value＆＃34;] Selector ，该值包含指定的单词（＆＃34; background-color：＆＃34;），在价值的任何部分，但整个词：

.element:not([style~="background-color:"]){}

- 使用 CSS [属性| =＆＃34;值＆＃34;]选择器，值必须是一个完整的单词，可以单独使用，例如class =＆＃34; top＆＃ 34;，或后跟连字符（ - ）：

.element:not([style|="background"]){}

- 使用 CSS [attribute * =＆＃34; value＆＃34;] Selector ，该值包含指定值（字母），在其任何部分：

.element:not([style*="background"]){}