2017-11-20 4 views
0

私の質問が原因で混乱することをお詫びします。私はそれを言葉にする効率的な方法を見つけることができませんでした!基本的にはCSSプロパティは、同じタイプの連続したネストされたタグに適用されますか?

、私はこのようないくつかのHTMLコードがある場合:

<div class="style"> 
    <div> 
     <div> 
      <p>Hello world!</p> 
     </div> 
    </div> 
</div> 

そして、このようないくつかのCSS:

.style div{ 
    background-color: red; 
} 

background-colorプロパティは、ちょうど最初の層に適用されますdivまたはネスト同じものだけでなく、その中にネストされたdiv

+0

'.style'の中にネストされたセレクタに一致するすべての要素 - so、yes、すべて' div's – UncaughtTypeError

+0

[CSS Combinators](https://developer.mozilla.org/en-US/docs/Web)/CSS/CSS_Selectors#Combinators)今すぐDescendantコンビネータを使用しています –

+0

ありがとうございます! –

答えて

1

ルールセットは、セレクタに一致するすべての要素に適用されます。

セレクタは.style div次のとおりです。「クラスstyleのメンバーである任意の要素の子孫であるタイプdivのすべての要素

あなたのHTMLでは、それは最も外側のものを除くすべてのdiv要素です。

関連する問題