高级选择器+伪类(含图解)

初级选择器：
        id
        class
        标签或者元素
        *   通配符选择器
高级选择器
        1. 多元素选择器   div,p
        2. 后代选择器    ul li   后代选择器是选中ul的所有后代的li
        3. 子元素选择器   ul>li   表示选中ul的亲儿子li
        4. 毗邻选择器    .box1 p+div  会选中box1下面的p紧邻的一个div
                         .box1 p+p    会向下叠加 如果p后面依旧是p那么后面都会被选中

    属性选择器
        1. div[class]    选中有class标签属性的div
        2. div[class="box1"] 选中有class属性并且值为box1的div
        3. div[class~= "box1"] 选中有class属性且值是box2或者包含box2的div
        4. div[id][class="box1"] 选中有id属性且有class属性且class属性的值为box1的div

伪类

a,img{border:none; text-decoration: none; color:inherit; }
/*匹配所有未被点击的链接*/
a:link{
    color: #000;
}
/*鼠标悬停在其上的元素*/
a:hover{
    color: deeppink;
}
/*鼠标按下还没有释放的元素*/
a:active{
    color: purple;
}
/*所有已经被点击的链接*/
a:visited{
    color: blue;
}