css样式设置

样式设置知识点1：

例：

<ul class="nav">

    <li class="current" >abc</li>

</ul>

css的权重问题：

.nav li{

color:red;

}

.current{

color:blue;

}

.nav li 的权重是11

.current 的权重是10

会被11的权重覆盖

所以 li 的颜色还是red的

知识点2：

.nav>li比.nav li限定更严格，必须后面的元素只比前面的低一个级别。

.nav>.current

例：

<ul>

    <li>111</li>

    <li>222</li>

    <li>333</li>

    <ol>

        <li>aaa</li>

        <li>bbb</li>

        <li>ccc</li>

    </ol>

</ul>

ul li ：后代选择器，ul 里所有的 li 元素，包括 ol 里的 li ;

ul>li ：子代选择器，下一级的DOM节点，不包括 ol 里的 li 。