在CSS中,级联和继承有什么区别?

前端之家收集整理的这篇文章主要介绍了在CSS中,级联和继承有什么区别?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在CSS中,级联和继承有什么区别?

或者都是一样的?

解决方法

继承是关于属性如何从元素到其子元素的下降.某些属性,如font-family继承.如果您在body上设置了一个font-family,则该字体系将被body中的所有元素继承.颜色也是如此,但是对于背景或高度来说,这并不是真的,它们将始终默认为透明和自动.在大多数情况下,这只是有道理的.为什么背景继承?这将是一个痛苦.如果字体没有继承,该怎么办?甚至会是什么样的?

级联是关于当有冲突时优先考虑的.级联规则包括

>后来的属性覆盖早期的属性
>更具体的选择器覆盖较少的特定选择器
>指定的属性覆盖继承的属性

等等.级联解决了任何冲突情况.它是应用属性的顺序.

(更新)特性是用于确定级联中选择器优先级的calculation.当两个选择器适用于相同的元素时,具有较高特异度的选择符优先.

>内联样式具有非常高的特异性(1000)
> ID的特异性为100
>类/属性和伪类添加10
>元素和伪元素添加1

加入选择器链中的所有部分以确定总体特异性.如果系好,最后一个选择器是优先的.

当然,这有各种边缘案例和警告.一个类总是会覆盖普通元素,无论多少.更有针对性的选择器优先于父选择器的继承属性.如果有人使用,你可以抛出所有的计算!重要 – 胜过一切.

猜你在找的CSS相关文章