在CSS中,级联和继承有什么区别?
或者都是一样的?
解决方法
继承是关于属性如何从元素到其子元素的下降.某些属性,如font-family继承.如果您在body上设置了一个font-family,则该字体系将被body中的所有元素继承.颜色也是如此,但是对于背景或高度来说,这并不是真的,它们将始终默认为透明和自动.在大多数情况下,这只是有道理的.为什么背景继承?这将是一个痛苦.如果字体没有继承,该怎么办?甚至会是什么样的?
级联是关于当有冲突时优先考虑的.级联规则包括:
>后来的属性覆盖早期的属性
>更具体的选择器覆盖较少的特定选择器
>指定的属性覆盖继承的属性
(更新)特性是用于确定级联中选择器优先级的calculation.当两个选择器适用于相同的元素时,具有较高特异度的选择符优先.
>内联样式具有非常高的特异性(1000)
> ID的特异性为100
>类/属性和伪类添加10
>元素和伪元素添加1
加入选择器链中的所有部分以确定总体特异性.如果系好,最后一个选择器是优先的.
当然,这有各种边缘案例和警告.一个类总是会覆盖普通元素,无论多少.更有针对性的选择器优先于父选择器的继承属性.如果有人使用,你可以抛出所有的计算!重要 – 胜过一切.