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もある場合っていう場合は、
半角スペースを空けずにくっつける!!
以上です。。^^
関連記事はこちら!
スポンサーリンク