拓展选择器

1.选择器

选择第一个子元素
    div>p:first-child{}    /*选择div里面第一个子元素*/

选择最后一个子元素
    div>p:last-child{}     /*选择div里面最后一个子元素*/

选择某一个子元素
    ul li:nth-child(index)  even偶数 odd奇数
不选中某个
    :not(selector)

2.多行复制：div>p{hello$}*5

<div>
    <p>hello1</p>
    <p>hello2</p>
    <p>hello3</p>
    <p>hello4</p>
    <p>hello5</p>
</div>

3.套a标签的复制：ul>li.item*4>a[href=#].name{首页}

<ul>
    <li class="item"><a href="#" class="name">首页</a></li>
    <li class="item"><a href="#" class="name">首页</a></li>
    <li class="item"><a href="#" class="name">首页</a></li>
    <li class="item"><a href="#" class="name">首页</a></li>
</ul>