CSS 特殊性详解:优先级、特殊值计算
CSS 具有以下几种特殊性:
- 优先级:CSS 优先级规则如下:
-
!important> 行内样式 > ID 选择器 > 类选择器、属性选择器、伪类选择器 > 标签选择器、伪元素选择器 > 通配符选择器 > 继承样式。这意味着优先级越高的样式会覆盖优先级较低的样式。
- 计算特殊值:
在计算 CSS 属性值时,某些属性可能需要特殊计算,例如 width、height、margin、padding 等。它们的特殊计算方式与盒模型相关。
- 盒模型分为标准模型和 IE 模型。
- 标准模型的
width、height属性不包含padding和border。 - IE 模型的
width、height属性包含padding和border。
因此,在计算这些属性的值时,需要根据盒模型类型进行特殊计算。
原文地址: https://www.cveoy.top/t/topic/oNi8 著作权归作者所有。请勿转载和采集!