すべてのXタイプの要素を選択しますが、同じタイプではなく、

Question

など、複数の要素がある場合は、1つずつ別の要素を選択します。 3つのレベルを言うことができます。
Div3の第2レベルのみを選択し、深さが分からない場合はどうすればよいでしょうか。
以上のクラスを与えることはできませんか？

// html example of a possible DOM 
<div class="level1'> 
    <a> 
     <div> 
      <a> 
       <div></div> 
      </a> 
     </div> 
    </a> 
    <a> 
     <div></div> 
    </a> 
</div> 

セレクタは、概要：
div.level1 > div =>（BAD）事業部が内側にあるため、何も返さないだろうa

div.level1 > a > div =>（BAD）第二レベルのdivのは、より深いかもしれない、と正確なXPathはいけません

「要素を見つけても決して見つけられない」という種類のCSSセレクタの組み合わせがありますだからdiv.level1 divは第2レベルのみを返しますDivsではなく、それらの内部にあるかもしれないもの（そのようなもの）。私はこれを持っていることは非常に強力なものだとわかります。

Answer 1

しかし、あなたはレベル> = 2（div.level1 div）で目的のプロパティを設定し、レベル2（div.level1 div div）以下のすべてのdivでそれを無効にすることができます。

もちろん、レベルごとに異なるクラスを使用するオプションがあります。

Answer 2

あなたの最初のセレクタは絶対に素晴らしいです。次の例をご覧ください：

<style type="text/css"> 
    a, div { 
     display: block; 
     margin: 10px; 
     border: 1px solid grey; 
     background-color: red 
    } 
    div.level1 > div { 
     background-color: green; 
    } 
</style> 

第2レベルのDIVのみがdiv.level1の直接の子であるため、一致しています。

ところで、あなたのHTMLは全く意味がありません。インライン要素の中のDIVは悪いです。しかし、リンク内のリンクはさらに悪いです。