css - ul.lsidebar a{} のような CSS クラスは何を意味しますか?

Question

これは何と呼ばれていますか？私はcssでそれを経験したことがありません。

そのクラスはそのタグにのみ影響すると思います。ご存知でしたら、これを使用する方法の例をいくつか教えてください。( ul) の部分の話です。

コードは以下のとおりです。

ul.lsidebar a{}

Answer 1

クラス「lsidebar」に属する要素がいくつかある場合があります。ul.lsidebarこのコードでは、順序付けられていないリスト (ul) である要素「lsidebar」のみを参照しています。

「a」は、順序付けられていないリスト (リンク) 内のアンカー要素を参照します。

karthikr の例が適切です。彼の例では、コードは a および b リンクのスタイルを設定します。

Answer 2

lsidebarDOMノード専用のクラス名をターゲットにしていますul

例：

<div class="lsidebar">
    <a href="#">ab</a>
</div>
<ul class="lsidebar">
  <li><a href="#">a</a></li>
  <li><a href="#">b</a></li>
</ul>

これを行うと、との両方の子孫ノード.lsidebar a{}がターゲットになります。adivul

ただし、この場合、特に子孫ノード(この場合はwith textおよび) をul.lsidebar a{}ターゲットにします。aulaab

このリンクは、CSS が DOM でどのようにターゲットにされているかを理解するのに役立ちます

Answer 3

ul.lsidebarHTML では次のことを意味します。

 <ul class="lsidebar"></ul>

これは一般にクラスセレクターと呼ばれます

最後に少し見えaますか？これは子孫セレクターと呼ばれ、次の HTML 要素のスタイルを設定します。

 <ul class="lsidebar">
      <a href="#">I'll be styled!</a>
 </ul>

お役に立てれば！