第一级 : 内联样式 如:style=" ... " 权重:1000
第二级 : ID选择器 如:#content 权重:0100
第三级 : 类,属性选择器,伪类 如:.content;[type='text'];:hover 权重:0010
第四级 : 类型选择器,伪元素选择器 如:div;::after 权重:0001
第五级 : 通配符,子选择器,相邻选择器 如:* ;> ;+ 权重:0000
伪类和伪选择器:
伪元素跟伪类都是选择器的补充
- 伪类:伪类表示的是一种“状态”比如hover,active等等
- 伪元素:伪元素表示文档的某个确定部分的表现,比如::first-line 伪元素只作用于你前面元素选择器确定的一个元素的第一行。
网友评论