將兩個或更多 CSS 規(guī)則應用于同一文本時，這些規(guī)則可能會發(fā)生沖突并產(chǎn)生意外的結果。瀏覽器按以下方式應用 CSS 規(guī)則：

• 假如將兩種規(guī)則應用于同一文本，瀏覽器顯示這兩種規(guī)則的所有屬性，除非特定的屬性發(fā)生沖突。例如，一種規(guī)則可能指定文本顏色為藍色，而另一種規(guī)則可能指定文本顏色為紅色。
• 假如應用于同一文本的兩種規(guī)則的屬性發(fā)生沖突，則瀏覽器顯示最里面的規(guī)則（離文本本身最近的規(guī)則）的屬性。因此，假如外部樣式表和內(nèi)聯(lián)樣式同時影響文本元素，則應用內(nèi)聯(lián)樣式。
• 假如有直接沖突，則自定義 CSS 規(guī)則（使用 class 屬性應用的規(guī)則）中的屬性將覆蓋 HTML 標簽樣式中的屬性。

在下面的示例中，為 h1 定義的樣式可以指定所有 h1 段落的字體、大小和顏色，但應用于該段落的自定義 CSS 規(guī)則 .Blue 將覆蓋 h1 樣式中的顏色設置。另一個自定義 CSS 規(guī)則 .Red 將覆蓋 .Blue，因為它位于 .Blue 樣式的內(nèi)部。

<h1><span class="Blue">This paragraph is controlled by the .Blue custom style and h1HTML tag style.<span class="Red">Except this sentence is controlled by the .Red style.</span>Now we're back to the .Blue style.</span></h1>