css - CSS选择器中的自定义属性是一个不错的选择吗？

Question

<button bg="blue">blue</button>
<button bg="red">red</button>

[bg="blue"] {
  background-color: blue;
}
[bg="red"] {
  background-color: red;
}

http://codepen.io/Integ/pen/YPRpWE

没有类，没有 ID，只有属性。

Answer 1

使用类更高效。

.bg-blue {
  background: blue;
}


<div class="bg-blue"></div>