※ ChatGPTを利用し、要約された質問です(原文:class="aa bb"だけにルール適用したい)
クラスに複数のクラスが書かれている要素にCSSルールを適用する方法
このQ&Aのポイント
CSSでクラスに複数のクラスが書かれている要素にルールを適用する方法について試行錯誤していますが、うまくいきません。
クラスに複数のクラスが書かれている要素に対して特定のCSSルールを適用する方法を教えてください。
CMSの自動出力ナビゲーションでクラスに複数のクラスが書かれている場合、どのようにCSSルールを適用すればよいのでしょうか?
色々試したり、ネットで調べたりしましたが、CSSでどうにもうまくいきません。
<li class="aa bb"><a href="index.html">ホーム</a></li>
このように、classに複数のclassが書かれているものだけに対してCSSルールを適用させたいのですができません。
どのようにすればいいでしょうか?
<li class="aa"><a href="index.html">ホーム</a></li>
これや、
<li class="bb"><a href="index.html">ホーム</a></li>
これには別の適用をさせねばなりません。
.nv_side li.last li.active a,
.nv_side li.last li.active a:active,
.nv_side li.last li.active a:visited {
ルール記述
}
.nv_side li.last li.active a:hover {
ルール記述
}
など、色々やってみたのですが、どうしても適用されませんでした。
「li.last」かつ「li.active」と書かれてあるclassならば、○○のCSSルールを適用せよ、
などと書ければよいのですが・・・
CMSの自動出力ナビゲーションでこうなっていて、これに合わせるしかありません。
ご存じの方いらっしゃいましたら宜しくお願いします。
お礼
投稿後、自分も見つけました。スペースも開けずにぴったりくっつけて記述するようですね。ありがとうございました。