CSS解决权重秒懂

CSS解决权重问题

1，标签选择器          0  0  0  1

2，类，伪类选择器 0  0  1  0

3，id选择器            0  1  0  0

4，行内样式            1  0  0  0

5，important            无限大

例如：

nav ui li          0  0  0  3

.nav ul li        0  0  1  2

a：hover          0  0  1  1

.nav a            0  0  1  1

#nav a            0  1  0  1

重点：继承的权重为0

经典例题1

经典例题2 

经典例题3

经典例题4

经典例题5

以上5道题会了，权重问题就是小KS了。