CSS之选择器

1、标签选择器：所有该标签

h1{

  font-weight:normal;

  color:red;

}

勇气

2、类选择器：所有该class的标签

.stress{

    color:red;

}

   

勇气

3、ID选择器:该ID的标签

#stress{

    color:red;

}

   

勇气

4、子选择器：第一代子元素

.stress>span{

    color:red;

}

   

勇气梁静茹

5、包含选择器:改变所有后代

.food li{

    color:red;

}

   

• 水果

       

       

• 香蕉

           

• 苹果

           

• 梨

       

   

6、通用选择器:所有标签

*{

    color:red;

}

   

勇气梁静茹

7、 伪类选择器:允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色

a:hover{

    color:red;

}

勇气

8、分组选择符:不同标签要设置相同的样式

h1,span{color:red;}

.first,#second>span{

    color:green;

}

勇气

梁静茹

简单爱