css选择器类型

1、标签选择器

li{

}

2、类选择器

.leiming{

}

3、ID选择器

#leiming{

}

4、伪类选择器（lvha的顺序不能变）

a:link{

/*未访问状态*/

}

a:visited{

/*已访问状态*/

}

a:hover{

/*鼠标悬停状态*/

}

a:active{

/*激活选定状态（鼠标点击未释放时）*/

}

5、后代选择器/包含选择器（所有子后代元素）：用来选定特定元素或元素组的后代。格式：父元素   子元素{    }，对于多层祖先后代关系，可以多个空格分开，如id为a、b、c的三个元素，后代选择器可以写成#a #b #c{}。

6、子选择器（直接后代）：用“>”进行选择，如#nav>ul>li{}

子选择器（>）与后代选择器（空格）的区别： 

           a、都表示“祖先-后代”的关系

         b、">"必须是“爸爸>儿子”；空格可以是“爸爸儿子”，还可以是“爷爷儿”、“太爷爷儿子”

 

7、通用选择器

*{

         /*去掉浏览器的四周白带*/

           margin:0px;

           padding:0px;

}

8、群组选择器

#nav,p,td,.headers{

}

9、相邻兄弟选择器：选择+选择器{样式名称：样式值}
10、属性选择器：标签选择器[属性名称=“属性值”]