https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-class-prefix-selector.html CSSで複数のセレクタをまとめて記述できたら楽なのに、と思ったことがある人も多いと思います。 .btn-primary, .btn-secondary, .btn-danger といった同じプレフィックスを持つ複数のクラスをまとめて、.btn-*で... https://b.hatena.ne.jp/akishin999/20260829#bookmark-4792174641827519618 2026-08-29T09:27:46Z css https://b.hatena.ne.jp/strawberryhunter/20260828#bookmark-4792174641827519618 これ [class^="btn-"] と似たような効果か。これがclass属性の2つ目以降のクラスにも適用できると。ユニークなprefixを設定しておいて [class*="prefix-foo-"] みたいなのでもすぐに同じことができるか。 2026-08-28T11:09:18Z 未分類 https://b.hatena.ne.jp/gazza069/20260828#bookmark-4792174641827519618 2026-08-28T00:29:49Z css https://b.hatena.ne.jp/katsush/20260827#bookmark-4792174641827519618 2026-08-27T12:45:43Z https://b.hatena.ne.jp/Knoa/20260827#bookmark-4792174641827519618 .btn-* と [class^="btn-"] において情報量の違いはないのだから、パフォーマンスについては賢いブラウザが解釈を最適化して差をなくすべきだろう。セレクタの文字数が少なくて済むという利点ならわかるけど。 2026-08-27T12:40:39Z https://b.hatena.ne.jp/kankiry/20260827#bookmark-4792174641827519618 2026-08-27T12:21:38Z https://b.hatena.ne.jp/jay-es/20260827#bookmark-4792174641827519618 2026-08-27T08:52:24Z あとで読む https://b.hatena.ne.jp/chobihige0725/20260827#bookmark-4792174641827519618 2026-08-27T06:42:04Z あとで読む https://b.hatena.ne.jp/nekoline/20260827#bookmark-4792174641827519618 なるほど属性セレクタよりパフォーマンスが良い点がメリットなのか。 2026-08-27T05:55:39Z https://b.hatena.ne.jp/flatnote/20260827#bookmark-4792174641827519618 2026-08-27T05:17:44Z あとで読む https://b.hatena.ne.jp/kkeisuke/20260827#bookmark-4792174641827519618 2026-08-27T05:03:55Z https://b.hatena.ne.jp/nguyen-oi/20260827#bookmark-4792174641827519618 .btn-* みたいな書き方できるの便利そうだけど実際に主要ブラウザで使えるようになるの何年後になるんだろ 2026-08-27T03:32:29Z https://b.hatena.ne.jp/puzzeljp/20260827#bookmark-4792174641827519618 2026-08-27T03:24:23Z https://b.hatena.ne.jp/mtom029/20260827#bookmark-4792174641827519618 2026-08-27T03:00:18Z CSS https://b.hatena.ne.jp/coliss/20260827#bookmark-4792174641827519618 複数のセレクタにスタイルをまとめて設定できるクラスプレフィックスセレクタ（-*） 2026-08-27T01:24:29Z css