CSS继承

继承

继承需要放到上下文中进行理解。一些设置在父上面的 css 属性向下传递到后代元素。

可以被继承的属性

字体系列属性

• font 组合字体
• font-family：字体系列
• font-weight: 字体的粗细
• font-size: 字体的尺寸
• font-style: 字体的风格
• font-variant

文本系列属性

• text-align
• text-index
• text-transform
• word-spacing

列表相关属性

• list-style-image
• list-style-position
• list-style-type
• list-style

颜色相关属性

• color

元素可见性

• visibility
• opacity

光标属性

• cursor

不一样的继承属性 font-size

p {font-size: 14px}
浏览器默认 16px， 此时重写了 14px， 后代继承.
``

```css
p {font-size: 85%}
浏览器默认 16px， 此时会被计算 16px * 85% = 13.6px
``
p {font-size: .85em};
浏览器默认 16px，此时会被计算 16px * .85em = 13.6px;

不可继承属性

• width

• padding

• margin

• border

控制继承属性

• inherit 子元素属性和父元素相同, “开启继承”.

• initial 设置属性值和浏览器默认样式相同.

• unset 将属性重置为自然值, 如果属性是自然继承那么就是 inherit，否则和 initial.