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;

}

勇气

梁静茹

简单爱