css decendance question

Question

私は最初の子孫の意味を理解しようとしています。 2番目は、名前のタンクとすべての李の子孫と、スパンタグを持つクラスを開いている子を持つすべてのクラスを333pxの範囲にすることを意味すると理解しています。

最初のものはそのli.open？それは何を言っているのですか？

.tank li.open span { 
    width: 333px; 
} 

.tank li .open span { 
    width: 333px; 
} 

Answer 1

li.openはもすべてliの要素を選択すると言うopenクラスを持っています。

例えば、セレクタ.tank li.open spanはspan ...

<ol class="tank"> 
    <li class="open"> 
     <span>Hello</span> 
    </li> 
</ol>