|
|
||
|
|
||
将两个或更多的 CSS 样式应用于同一文本时，这些样式可能发生冲突并产生意外的结果。浏览器根据以下规则应用样式属性：
class 属性应用的样式）中的属性取代 HTML 标签样式中的属性。
在下面的示例中，为 h1 定义的样式可以指定所有 h1 段落的字体、大小和颜色，但应用于该段落的自定义 CSS 样式 .Blue 取代 H1 样式中的颜色设置。另一个自定义 CSS 样式 .Red 取代 .Blue，因为它位于 .Blue 样式的内部。
<h1><span class="Blue">该段落受自定义样式 .Blue 和 HTML 标签样式 h1 的控制。<span class="Red">但这个句子受 .Red 样式的控制。</span> 现在，我们返回到 .Blue 样式。</span></h1>
|
|
||
|
|
||