子なしで要素を選択するにはどうすればよいですか？

Question

はのは、私は、マルチレベルのランダム要素にランダムな要素が含まれていますid="main"とdivを持っているとしましょう：

<div id="main"> 
    Main text 
    <div>Random element 
     <a>Random element 
      <p>Random element</p> 
     </a> 
    </div> 
</div> 

私だけ"Main text"でそのチャイルズのすべてなし#mainの内容をターゲットにするにはどうすればよいですか？

Answer 1

この場合、正しく機能するためには、HTML構造にいくつかの変更を加える必要があります。したがって、CSSセレクタを使用すると、ターゲットを正しく選択できます。このような何か：

HTML：

<div id="main"> 
    <p>Main text</p> 
    <div class="random"> 
     <p>random text</p> 
     <p>random text</p> 
     <a href="#"> 
      <p>random text</p> 
     </a> 
    </div> 
</div> 

CSS：＃は* *だけトップレベルの要素を選択しているあなたをmain`が、子要素は*一部を継承している `で

#main > p { 
    color: red; 
}