CSS控制文本样式的继承方式包括两种:继承和子元素选择器。
inherit
关键字来实现继承。例如:body {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
h1 {
font-size: inherit;
color: inherit;
}
在上面的例子中,h1
元素继承了body
元素的font-size
和color
属性。
>
或后代选择器 ` ` 来实现。例如:ul > li {
font-weight: bold;
}
.container p {
font-size: 14px;
}
在上面的例子中,ul
元素的子元素li
继承了粗体字体属性,而.container
元素内的所有p
元素都继承了字体大小属性。
需要注意的是,并非所有的CSS属性都可以继承。常用可以继承的属性有font-size
、font-family
、color
、line-height
、text-align
等。