SCSSを使用しはじめて格段とCSSが使いやすくなりましたね。
SASS,SCSS使っている人がほとんどの今日この頃ですが、
CSS自体もどんどん進化してます。
今日紹介するのは知っていたけどあまり使う機会がなかった
前方、後方、部分一致するCSSです。
最近よく使うことが増えたので、備忘録として残しておこうと思います。
書き方としては以下です！
div[id^="index"] {
/* セレクタ名の前方一致 */
}
p[class$="Block"] {
/* セレクタ名の後方一致 */
}
div[id*="box"] {
/* セレクタ名の部分一致 */
}
すごく簡単ですね。
ちなみにIE7以下は使用不可です。
このご時世でIE7って…てなりますが念のため書いておきます。笑
使っている人もたくさんいると思いますが、ひとつひとつのIDやクラスを指定しなくてもこうやって
欠けるのでぜひ使った見てください！