CSS3:ある一定パターンのクラス名に一律してスタイル定義する

goto_jp 170views 更新:2014年8月1日

例えば「icon-gear」「icon-tool」など、一定パターンの名前を持つクラスに対して一律して同一スタイルを定義する方法です。

[class^='icon-'] {
    //スタイル
}

属性セレクタを使い、「^=」で前方一致で値を指定することで「icon-」から始まるクラス全てに同一のスタイルを定義する手法です。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません