html - CSSでドットなしの何かが続くドットとは何ですか

Question

例えば、

.foo bar
.foo bam {
    <key, values>
    ... ...
}

.foo が「foo」クラスを選択することは知っていますが、bar と bam はどうですか? 彼らは「foo」の子孫ですか？そして、バー、バムは中括弧内のキー値を共有していますか?

ありがとう！

Answer 1

あなたのCSS:

.foo bar .foo bam {
    <key, values>
    ... ...
}

(コンマがないことに注意してください) 次のような要素を選択します。

<div class="foo"> 
    <bar>
       <div class="foo">
           <bam>some stuff...</bam>
       </div>
    </bar>
</div>