day04

复合选择器：

后代选择器 .nav p a{}

子选择器 .nav>a{}

并集选择器 .nav,.head,p{}

伪类选择器 ：1链接伪类选择器

 a:hover {}/*选择鼠标指针位于其上的链接*/

开发中实际用法

a{color="black",text-decoration=none}

a:hover{color="pink",text-decoration=underline}

ul li:nth-child(1){

}

li:nth-child(2){

color="pink"

} li的父标签中第二个孩子 当且仅当这个孩子是li的时候才会显示样式效果 

如果第二个孩子不是小li 是其他标签的话 就不会显示效果

<ul

        <li>li1</li>

        <li>li2</li>

        <li>li3</li>

    </ul> -----------------------------------显示第二个li

<ul>

       

        <li>li1</li>

         <div>阮肥肥</div>

        <li>li2</li>

        <li>li3</li>------------------------------------------不显示第二个li

    </ul>