HOME > ブログ > 実装ブログ > HTML・CSS > 特定のセレクターを除外するCSS擬似クラス :not() BLOGブログ HTML・CSS 2024/08/06 特定のセレクターを除外するCSS擬似クラス :not() CSS にはとても便利な擬似クラスが沢山あります。 サイト制作の中で、トップページのみCSSを変えたいときありませんか？そんなとき、トップページの <body> に class=”home” をつけておけば、 body : not( .home ) { background : #f2f2f2 ; } とすれば、トップページ以外の全ページの背景を薄いグレーにすることができます。 トップページ以外の全ページのbodyクラスを記載するより断然ラクです！ <前へ 次へ> ブログ一覧へ 最近の記事 【PHP】配列キーの存在確認: isset() と array_key_exists() 【PHP】比較演算子 【CSS 】擬似要素 :lang() 【CSS 】部分一致セレクタ 【CSS】擬似要素::marker テーマ すべて 実装ブログ - HTML・CSS - php - WordPress - ECサイト - EC-CUBE - WEBプログラム - JQuery - SEO - サーバー移管 - マルウェア感染対処 お困り・相談 - ホームページ - サーバー管理 - SEO - メール - その他 CONTACTお問い合わせ サービスに関するお問い合わせやお見積もり・ご相談などお気軽にご相談ください。 電話でのお問い合わせ 0744-45-5126 受付時間（平日）09:00～18:00※年末年始・祝日を除く メールでのお問い合わせ お問い合わせフォーム 24時間受付 0744-45-5126 お問い合わせフォーム
HOME > ブログ > 実装ブログ > HTML・CSS > 特定のセレクターを除外するCSS擬似クラス :not() BLOGブログ HTML・CSS 2024/08/06 特定のセレクターを除外するCSS擬似クラス :not() CSS にはとても便利な擬似クラスが沢山あります。 サイト制作の中で、トップページのみCSSを変えたいときありませんか？そんなとき、トップページの <body> に class=”home” をつけておけば、 body : not( .home ) { background : #f2f2f2 ; } とすれば、トップページ以外の全ページの背景を薄いグレーにすることができます。 トップページ以外の全ページのbodyクラスを記載するより断然ラクです！ <前へ 次へ> ブログ一覧へ 最近の記事 【PHP】配列キーの存在確認: isset() と array_key_exists() 【PHP】比較演算子 【CSS 】擬似要素 :lang() 【CSS 】部分一致セレクタ 【CSS】擬似要素::marker テーマ すべて 実装ブログ - HTML・CSS - php - WordPress - ECサイト - EC-CUBE - WEBプログラム - JQuery - SEO - サーバー移管 - マルウェア感染対処 お困り・相談 - ホームページ - サーバー管理 - SEO - メール - その他 CONTACTお問い合わせ サービスに関するお問い合わせやお見積もり・ご相談などお気軽にご相談ください。 電話でのお問い合わせ 0744-45-5126 受付時間（平日）09:00～18:00※年末年始・祝日を除く メールでのお問い合わせ お問い合わせフォーム 24時間受付
お問い合わせフォーム
