在css中使用開始選擇器是否有效？

Question

在CSS中使用類似於以下選擇器的開頭是否正確？

的Html

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

CSS

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

看來工作在最新的瀏覽器，但我不知道這是否允許或W3C建議。
我希望知道這是學習最佳實踐。

Answer 1

這些屬性選擇器是完全有效的。他們是part of CSS Selectors Level 3 spec，自2011年起

但是這已經W3C推薦標準，這些選擇不適合的表現非常好（例如使用div[id^='row']瀏覽器將在頁面上進行屬性檢查，包括字符串比較操作，每div元） 。使用類應該更通用，因爲使用id作爲樣式鉤子根本不是最好的主意。