私が最近覚えたCSS 第3弾!

SCSSを使用しはじめて格段とCSSが使いやすくなりましたね。
SASS,SCSS使っている人がほとんどの今日この頃ですが、
CSS自体もどんどん進化してます。

今日紹介するのは知っていたけどあまり使う機会がなかった
前方、後方、部分一致するCSSです。
最近よく使うことが増えたので、備忘録として残しておこうと思います。

書き方としては以下です!

div[id^="index"] { 
 /* セレクタ名の前方一致 */
}

p[class$="Block"] { 
 /* セレクタ名の後方一致 */
}

div[id*="box"] { 
/* セレクタ名の部分一致 */
}

すごく簡単ですね。
ちなみにIE7以下は使用不可です。

このご時世でIE7って…てなりますが念のため書いておきます。笑

使っている人もたくさんいると思いますが、ひとつひとつのIDやクラスを指定しなくてもこうやって
欠けるのでぜひ使った見てください!