CSS 选择器
类选择器
ID 选择器
标签名选择器
子选择器 (ul>li)
通配符选择器 (*)
属性选择器 (a[name=”input”])
伪类选择器(li:nth-child)
一个标签的款式渲染程序:id>class/ 伪类 > 标签
选择器的权重计算:
假如:
id 选择器的权重为 100
class/ 伪类的权重为 10
标签选择器的权重为 1
则:
–#box => 100
.box => 10
.box:hover => 20
.box.box2 => 20
div => 1
div:hover => 11