css - cssでセレクターで開始を使用することは有効ですか?

Question

css で次のようにセレクターで始まるのを使用するのは正しいですか?

HTML

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

CSS

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

最新のブラウザーで動作するようですが、これが許可されているか、w3c の推奨事項であるかはわかりません。
ベストプラクティスを学ぶためにこれを知りたいです。

Answer 1

これらの属性セレクターは完全に有効です。これらは、2011 年から W3C 勧告となっているCSS セレクター レベル 3 仕様の一部です。

ただし、これらのセレクターはパフォーマンスがあまり良くありません (たとえば、ブラウザーでは、ページ上のすべての要素に対してdiv[id^='row']、文字列比較操作を含む属性チェックが実行されます)。divクラスを使用することは、より普遍的なアプローチであるべきidです。スタイリング フックとして s を使用することは、まったく最善のアイデアではないからです。