拓展选择器

1.拓展选择器

div>p#id$.name*10>a[href="#"]{$$}:
例：    <p id="id1" class="name"><a href="#">01</a></p>

    <p id="id2" class="name"><a href="#">02</a></p>

    <p id="id3" class="name"><a href="#">03</a></p>

    <p id="id4" class="name"><a href="#">04</a></p>

    <p id="id5" class="name"><a href="#">05</a></p>

    <p id="id6" class="name"><a href="#">06</a></p>

    <p id="id7" class="name"><a href="#">07</a></p>

    <p id="id8" class="name"><a href="#">08</a></p>

    <p id="id9" class="name"><a href="#">09</a></p>

    <p id="id10" class="name"><a href="#">10</a></p>

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

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

3.选择某一个子元素
    ul li:nth-child(index)  even偶数 odd奇数   (n+2)

 4.不选中某个
    :not(：last-child)//不选中最后一个