css 命名规则简单问题

.container li 不是定义一个容器，是选择 class="container" 的元素下的子元素(且标签为li)，下面两段html的li都可以被 .container li 选中生效：

<ul class="container">
<li>1</li>
<li>2</li>
</ul>

<div class="container">
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>

.num{.......}//定义一个名为num的样式，然后你有个标签要用 num 里面的样式，就给他加上 class="num"，比如下面都行：
<p class="num">123</p>
<div class="num">234</div>
<a class="num">345</a>

.num li {....} //这是什么意思：这个和 .container li 是一样的原理，选择class为num的元素下的li，只是名字不同

.num li.on{....} //是选择class="num"元素下class="on"的所有 li 标签，比如：

<ul class="num">
<li>我不会被选中</li>
<li class="on">被选中</li>
<li class="on">被选中</li>
</ul>

买本书看看吧，基础原理都没懂!