我们知道CSS属性被分为继承和继承。例如,高度和宽度是CSS中典型的不可用属性,颜色和字体大小是典型的继承属性。CSS可以继承后代元素样式将继承祖先元素样式的属性。例如,父元素的颜色为红色。然后,如果其后代没有设置颜色值,则将从父元素的颜色中获取。由于默认值是继承属性,因此其后代不会继承父元素的高度值。
这是CSS中的继承和非亲密属性之间的差异。区别在于,某个元素的某种样式值将由其后代元素继承,即其后代元素的样式值取自父元素。
CSS中的三个概念对于理解CSS的工作方式非常重要。它们是“层”,“优先级”和“继承”。
CSS继承概念在Mozilla上的解释:在CSS中,每个CSS属性定义的概述指出,此属性是默认的继承(“ senasenited:yes”当您不指定元素的值时,如何计算值。
CSS为控制继承提供了四个特殊的常规属性值。EADCSS属性接收到这些值。这意味着可以通过更改CSS框模型来更改盒子大小的值(Border-Box和Content-Box)。也可以控制CSS属性,例如对设置值继承,初始,删除和还原的控制。
高度不能继承本机CSS中的属性。子元素不会继承父元素的高度,但是可以更改此状态。当后代的后代设置为继承时,后代的高度值将占据其父亲。元素的高度值就像子元素继承的父元素的高度一样。
如果您希望子元素的高度与父元素保持联系,那么子元素的高度最合适。
继承:将此属性设置为使子元素属性与父元素相同。实际上,它是“打开继承”。该值几乎可以通过几乎CSS的所有属性来使用,也就是说,宽度等其他属性可以也开放继承。
以下是打开具有高度元素的继承的示例。
所有这些都与未设置相结合以重置几乎所有样式,也可以将其视为对原始继承的控制更改。所有属性都被此更改的有效范围放大,因为不设置可以重置所有属性的值。这里的切除通常是指属性的重置自然值,也就是说,如果属性自然继承,则是继承,否则与初始相同。
CSS的速记属性都可以用来同时应用这些继承值之一,以(几乎)所有属性。它的值可以是其中的任何一个(继承,初始,删除或还原)。这是撤销的简单方法样式的样式是为了返回以前已知的起点。
例如,如下所示:示例中有两个潜水,第一个div应用了样式选择设备的样式,而第二个则设置为全部以通过类Selector unset-als-als,以及几乎所有样式被重置。例如,颜色,背景色和边框重置为浏览器的默认样式。原始的两段样式应保持一致。
以下是测试样式重置的效果图
因此,通过设置子元素的高度值,您可以继承父元素的高度,这将保持子元素的高度一致,这有时很方便。当然,大多数属性(例如宽度)可以打开这样的继承。
原始:https://juejin.cn/post/7103494481021763620