可以使用 CSS 类和 CSS 继承来控制多个元素共享相同的样式。
可以为想要共享相同样式的元素添加相同的 CSS 类名,然后在 CSS 中为这个类名定义样式。这样所有拥有这个类名的元素都会应用这个样式。
.shared-style {
color: red;
font-size: 16px;
}
<p class="shared-style">这个段落应用了共享样式</p>
<p class="shared-style">这个段落也应用了共享样式</p>
CSS 样式可以被子元素继承。例如,如果给一个父元素设置了颜色,那么所有子元素都会继承这个颜色。
.parent {
color: blue;
}
<div class="parent">
<p>这个段落继承了父元素的颜色</p>
<h3>这个标题也继承了父元素的颜色</h3>
</div>
使用 CSS 继承时需要注意,有些样式不能被继承,例如背景颜色。
总之,当需要多个元素共享相同的样式时,可以使用 CSS 类或 CSS 继承来实现。