/* 示例代码 */ /* 定义包含元素的样式 */ .container { font-size: 16px; color: #333; line-height: 1.5; } /* 继承包含元素的样式 */ h1 { font-size: inherit; color: inherit; line-height: inherit; } p { font-size: inherit; color: inherit; line-height: inherit; /* 这里可以定义额外样式 */ margin-bottom: 12px; }
可以被继承的CSS属性包括:
font
(字体样式)color
(文字颜色)line-height
(行高)text-align
(水平对齐方式)visibility
(可见性)cursor
(鼠标指针类型)
需要注意的是,并非所有CSS属性都可以被继承。例如,位置相关的属性(如position
和top
)和边框相关的属性(如border
和border-radius
)都无法被继承。
最后,当需要覆盖继承的样式时,可以使用!important
关键字来强制生效。但应该尽可能避免使用!important
,以免影响其他元素的样式。