将两个或更多CSS规则应用于同一文本时，这些规则可能会发生冲突并产生意外的结果。浏览器按以下方式应用CSS规则：

如果将两种规则应用于同一文本，浏览器显示这两种规则的所有属性，除非特定的属性发生冲突。例如，一种规则可能指定文本颜色为蓝色，而另一种规则可能指定文本颜色为红色。
如果应用于同一文本的两种规则的属性发生冲突，则浏览器显示最里面的规则（离文本本身最近的规则）的属性。因此，如果外部样式表和内联样式同时影响文本元素，则应用内联样式。
如果有直接冲突，则自定义CSS规则（使用class属性应用的规则）中的属性将覆盖HTML标签样式中的属性。
在下面的示例中，为h1定义的样式可以指定所有h1段落的字体、大小和颜色，但应用于该段落的自定义CSS规则.Blue将覆盖h1样式中的颜色设置。另一个自定义CSS规则.Red将覆盖.Blue，因为它位于.Blue样式的内部。

Thisparagraphiscontrolledbythe.Bluecustomstyleandh1
HTMLtagstyle.Exceptthissentenceiscontrolledbythe.Redstyle.
Nowwe'rebacktothe.Bluestyle.