1.类型选择器
selector {
}
2.类选择器和ID选择器(尽量使用类选择器,易于复用)
.classname {
}
#id {
}
3.后代选择器
ancestor descendant {
}(按祖先元素选择)
parent>child {
}(按父元素选择)
4.同胞(兄弟)选择器
sibling+element {
}(相邻的一个同胞元素)
sibling~element {
}(后续所有的同胞元素,可相邻可不相邻)
5.伪类和伪元素(实际不存在的类和元素,表示某种特殊的位置和状态)
:first-child
:last-child
:link
:visited
:focus
:hover
:active
……(更多伪类详见文档)
::first-letter
::first-line
……(更多伪元素详见文档)
6.属性选择器
element[attribute] {
}(更多属性选择器详见文档)
7.指定元素组
selector1,selector2,selector3,……selectorn {
}
8.组合选择器
学识浅薄,如有错误,恳请斧正,在下不胜感激。