CSS 样式继承 inherit 属性

样式继承

在CSS中，子元素会继承了父元素的一些样式属性。

<!-- strong 标签继承了 p 标签的字体颜色 -->

<p style="color:orange"><strong>CSS3 样式继承</strong></p>

效果

CSS3 样式继承

能够继承到子类的样式属性非常有限，仅是 文字、字体、颜色... 子类如果还想继承父类的属性，可以通过inherit 强制继承。

<p style="border: 1px solid orange">
 <strong style="border:inherit">CSS3 样式继承</strong> <!-- 强制继承父类的边框效果 -->
</p>

效果

CSS3 样式继承

publish: 7/25/2018, 9:16:18 AM / by: jmjc.tech

CSS3 教程 CSS3 入门 CSS3 选择器 CSS3 颜色 CSS3 单位 CSS3 字体 CSS3 文本 CSS3 光标 CSS3 盒子模型 CSS3 边框 CSS3 边距 CSS3 列表 CSS3 表格 CSS3 背景 CSS3 效果 CSS3 浮动 CSS3 定位 CSS3 响应式 CSS3 Columns CSS3 Flex