内联样式属性的 CSS 选择器

Question

CSS 是否可以根据元素具有的内联样式属性来选择元素？

例如，如果我有这个 HTML：

<div style="color: red;"></div>

是否会有一个像这样的选择器：

div[style="colour: red"]

Answer 1

是的，它确实有：

div[style*="display: block"] {
  background: red;
}

为什么不这样做呢：

<div class="color--red"></div>

并使用类选择器？