CSSを書く時にBEMを自分でカスタマイズした命名規則を使っているのですが、例えば
<div class="top_access"> <p class="top_access__txt"></p> </div>
<div class="shop_access"> <p class="shop_access__txt"></p> </div>
この2つが共通のレイアウトになる場合、命名規則を崩さず共通スタイルを付けるのに
[class$="_access"], [class*="_access "] { /* */ } [class$="_access__txt"], [class*="_access__txt "] { /* */ }
上記のような属性セレクタで書くといいかなと思ったのですが、
調べると「パフォーマンスが落ちるので極力使わない方がよい」とありました。
https://qiita.com/rnakayama/items/168bcbc05e6b1fc989f5
単位がmsですが速度がどの程度変わってくるかのイメージが付かず、
また古い情報とあるので最近の実際の所が知りたいです。
属性セレクタを使わず、同じスタイルでも分けて書いた方が賢明でしょうか?
パフォーマンスにさほど響かないのなら、メンテナンス性重視で属性セレクタを採用したいと思っています。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー