HOME > ブログ > 実装ブログ > HTML・CSS > 特定のセレクターを除外するCSS擬似クラス :not() BLOGブログHTML・CSS 2024/08/06特定のセレクターを除外するCSS擬似クラス :not()CSS にはとても便利な擬似クラスが沢山あります。サイト制作の中で、トップページのみCSSを変えたいときありませんか？そんなとき、トップページの <body> に class=”home” をつけておけば、body : not( .home ) { background : #f2f2f2 ; }とすれば、トップページ以外の全ページの背景を薄いグレーにすることができます。トップページ以外の全ページのbodyクラスを記載するより断然ラクです！<前へ次へ>ブログ一覧へ最近の記事カテゴリーの表示順を変更『Category Order and Taxonomy Terms Order』カスタムフィールドプラグイン『Custom Field Suite』スマホとパソコンで改行の位置を変更UI （ ユーザーインターフェース ）についてカスタム投稿タイプのスラッグを半角英数にするテーマすべて実装ブログ- HTML・CSS- 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クラスを記載するより断然ラクです！<前へ次へ>ブログ一覧へ最近の記事カテゴリーの表示順を変更『Category Order and Taxonomy Terms Order』カスタムフィールドプラグイン『Custom Field Suite』スマホとパソコンで改行の位置を変更UI （ ユーザーインターフェース ）についてカスタム投稿タイプのスラッグを半角英数にするテーマすべて実装ブログ- HTML・CSS- WordPress- ECサイト- EC-CUBE- WEBプログラム- JQuery- SEO- サーバー移管- マルウェア感染対処お困り・相談- サーバー管理- SEO- メール- その他CONTACTお問い合わせサービスに関するお問い合わせやお見積もり・ご相談などお気軽にご相談ください。電話でのお問い合わせ0744-45-5126受付時間（平日）09:00～18:00※年末年始・祝日を除くメールでのお問い合わせお問い合わせフォーム24時間受付
