classが何個も付いている場合のCSSでの指定の仕方

classが何個も付いている場合のCSSでの指定の仕方

WP(ワードプレス)などで、カスタムメニューなど作っているときに
自動にイロイロclassがWPの方で勝手についてきますよね!

こんな感じ↓

  • テキストテキスト
  • で、

    classのgmenu01がありつつ、カスタムメニューつかっていてアクティブな状態のを反転させる指示をしたいときは
    以下のように書けばOK!

    .gmenu01.current-menu-item{
    ここは、指定したいのを書く
    }

    何がいいたいかというと、
    .gmenu01  と .current-menu-item の間をくっつけるという事。
    .gmenu01 .current-menu-item 左のように半角スペースを入れると、.gmenuの中の.current-menu-item ってなってしまうので、
    同じレベルで、gmenu01がありつつ、current-menu-itemもある場合っていう場合は、
    半角スペースを空けずにくっつける!!

    以上です。。^^

    ポチッ☆とクリックお願いします!
    ↓ ↓ ↓

    • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

    コメントは受け付けていません。

    サブコンテンツ

    TOP