CSS选择器和权重计算

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