MRRI

HOME > ブログ > 実装ブログ > HTML・CSS > 特定のセレクターを除外するCSS擬似クラス :not()

BLOGブログ

2024/08/06

特定のセレクターを除外するCSS擬似クラス :not()

CSS にはとても便利な擬似クラスが沢山あります。

サイト制作の中で、トップページのみCSSを変えたいときありませんか？
そんなとき、トップページの <body> に class=”home” をつけておけば、

body : not( .home ) {
　background : #f2f2f2 ;
}

とすれば、トップページ以外の全ページの背景を薄いグレーにすることができます。

トップページ以外の全ページのbodyクラスを記載するより断然ラクです！

最近の記事
テーマ
お問い合わせ画像

CONTACTお問い合わせ

サービスに関するお問い合わせやお見積もり・ご相談などお気軽にご相談ください。

電話でのお問い合わせ

電話番号0744-45-5126

受付時間（平日）09:00～18:00
※年末年始・祝日を除く

メールでのお問い合わせ

お問い合わせお問い合わせフォーム

24時間受付

マネジメント・リソースの「企業体験会」の追従バナー画像
電話番号0744-45-5126
お問い合わせお問い合わせフォーム