css选择器种类繁多,在这里对常用的css选择器及其优先级加以总结。
1.通配符选择器(*):网页中的所有标签
2.标签选择器(标签名):根据当前标签的名称匹配
3.类选择器(.类名):根据当前标签的class属性名称匹配
4.id选择器(#id):根据当前标签的id名称匹配
5.组合选择器
(1)后代选择器(空格):匹配当前标签的所有后代标签
(2)子元素选择器(>):匹配当前标签的直接子标签
(3)相邻兄弟选择器(+):匹配当前标签后紧挨的标签
(4)后续兄弟选择器(~):匹配当前标签后的所有标签(同级)
6.分组选择器(,)
7.属性选择器([]):根据当前标签的属性值来匹配
8.伪类选择器(:)
选择器优先级为:!important>行内>id>类=属性=伪类>标签=伪元素>通配符
组合选择器里面的优先级:选择器的权值加在一起,权值大的优先;权值相同,后面的会覆盖前面的
- ID的权值为 100
- 类的权值为 10
- 属性的权值为 10
- 伪类的权值为 10
- 标签的权值为 1