选择器进阶

1、复合选择器：

        1）后代选择器（空格）：

                选择器1（父） 选择器2（后代） { CSS }

                     /* 找到div的儿子p设置文字颜色是红色 */ div p {     color: red; }        
这是一个p标签
    
 
这是div的儿子p
    

        2）子代选择器（>）：

                选择器1（父）>选择器2（子） { CSS }

                     /* 空格隔开的是后代，儿子，孙子，重孙子 */ /* div a {     color: red; } */  /* div的儿子a文字颜色是红色 */ div>a {     color: red; }        
 父级 这是div里面的a 
     这是div里面的p里面的a 
    

2、并集选择器 （ ，）：

        选择器1，选择器2 { CSS }

    /* p div span h1 字体颜色为红色 */    p,    div,    span,    h1 { color: red;    }

3、交集选择器（紧挨着）：

        选择器1选择器2 { CSS }

                     p.box {     color: red; }            
这是p标签:box
    
ppppppppppp
    
这是div标签:box

4、hover伪类选择器：

        选择器:hover { CSS }

        选中鼠标悬停在元素上的状态，设置样式。

        任何标签都可以添加伪类。

     a:hover {   color: red; }    

5、Emmet语法：通过简写语法，快速生成代码