css - 在css中使用以选择器开头是否有效？

Question

在 css 中使用如下选择器开头是否正确？

html

<div id="row_1">
..
</div>
<div id="row_2">
..
</div>

css

div[id^='row']  {
 ...
}

它似乎适用于最新的浏览器，但我不确定这是否允许或 w3c Recommendation 。
我想知道这一点，以学习最佳实践。

Answer 1

这些属性选择器是完全有效的。它们是CSS Selectors Level 3 规范的一部分，该规范自 2011 年以来一直是 W3C 推荐标准。

但是，这些选择器的性能并不是很好（例如，浏览器会对页面上的每个元素div[id^='row']进行属性检查，包括字符串比较操作）。div使用类应该是更通用的方法，因为使用ids 作为样式挂钩根本不是最好的主意。