CSS系列 - 继承

97 阅读1分钟

继承属性

在没有指定值的时候,会使用父元素的同属性的值

字体

font、font-family、font-weight、font-size、font-style、font-variant、font-stretch、font-size-adjust

文本

text-indent、text-align、text-shadow、line-height、word-spacing、letter-spacing、text-transform、direction、white-space、color

表格

caption-side border-collapse empty-cells

列表

list-style-type、list-style-image、list-style-position、list-style

不常用

speak,quotes

所有元素

光标 cursor 可见性 visibility

内联元素

字体除 text-indent、text-align 之外的文本系列属性

块级元素

text-indent、text-align

不是继承

没有指定值时,则取属性的初始值 initial

display、vertical-align、text-decoration、overflow

文本属性

vertical-align、text-decoration、text-overflow、line-clamp

盒子模型的属性

宽度、高度、内外边距、边框等

背景属性

背景图片、颜色、位置等

定位属性

浮动、清除浮动、定位 position 等

生成内容属性

content、counter-reset、counter-increment

轮廓样式属性

outline-style、outline-width、outline-color、outline

页面样式属性

size、page-break-before、page-break-after

inherit、inital、unset

unset

该属性是默认继承属性,该值等同于inherit,如果该属性是非继承属性,该值等同于initial

inital

用来设置css属性值为它的默认值,也就是浏览器默认设置的css属性值

all 属性: revert

控制所有属性的继承,该属性将其值应用于所有属性

特殊

  • a 标签的字体颜色不能被继承
  • <h1>-<h6> 标签字体的大下也是不能被继承的
  • font-size 的子类继承的不是实际值,而是计算后的值