层叠性
概述
层叠性: 就是 CSS 处理冲突的能力. 所有的权重计算, 没有任何兼容问题! CSS 像艺术家一样优雅, 像工程师一样严谨. (很多公司如果要笔试, 那么一定会考层叠性)
层叠性计算规则
当选择器, 选择上了某个元素的时候, 会计算权重: id 的数量, 类的属性, 标签的数量.
不进位, 实际上能进位 (255 个标签, 等于 1 个类名). 但是没有实战意义.
权重相同如何处理?
如果权重一样, 那么以后出现的为准.
如果不能直接选中某个元素, 通过继承影响的话, 那么权重是 0.
权重均为 0, 如何处理?
如果大家都是 0, 那么有一个就近原则: 谁描述的近, 听谁的.
权重规则总结
- 先看有没有选中, 如果选中了, 那么以 (id 数, 类数, 标签数) 来计权重. 谁大听谁的. 如果都一样, 听后写的为准
- 如果没有选中, 那么权重是 0. 如果大家都是 0, 就近原则
