关于css3:CSS选择器和权重计算

23次阅读

共计 223 个字符,预计需要花费 1 分钟才能阅读完成。

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

正文完
 0