直接の子要素ではないセレクター 質問する

直接の子要素ではないセレクター 質問する

親内にあるが直接の子ではない要素を見つけるためのセレクターが何か教えてください。例:

<body class="main">
  <p class="text">Hello</p> <!-- don't select this one -->
  <elem class="something">
    <elem id="link">
      <elem class="otherclass">
        <p class="text">Hello</p> <!-- but this one -->
      </elem>
    </elem>
  </elem>
</body>

そのため、その間の要素の数を知らなくても、純粋な CSS で.textviaを見つけたいのです。.main

ありがとう

ベストアンサー1

次のセレクターを使用できます。

.main > * .text

.textこれにより、の子孫であるが、直接の子ではないすべての要素が選択されます.main

おすすめ記事