通配符选择器
*{
margin:0
padding:0
}
元素选择器(标签选择器)
html标签
labelname{}
class 选择器
.classname{}
id选择器
#idname{}
后代选择器
A B{}
子选择器(直接后代选择器)
A > B{}
相邻兄弟选择器
A+B{}
元素选择器
- 存在选择器: labelname[name]
- 值等于选择器: labelname[name="value"];
- 有一个值等于: labelname[name~="value"]
- 值开头:labelname[name^="value"]
- 值结尾:labelname[name$="value"]
- 值等于或以值开头:labelname[name|="value"]
伪类选择器
- 链接伪类:link、visited、target
- 动态伪类:hover、active
- 表单相关伪类:enabled、disabled、checked、focus、selection
- 结构伪类:nth-child(index)、nth-of-type(index)、first-child、last-child、first-of-type、last-of-type。
伪元素选择器
- after:元素后面
- before:元素之前
- first_letter:首字符
- first-line:首行