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、属性选择器:标签选择器[属性名称=“属性值”]