玩轉(zhuǎn)Dreamweaver8.0：關(guān)于沖突的CSS規(guī)則_Dreamweaver教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

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

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

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

<h1><span class="Blue">This paragraph is controlled by the .Blue custom style and h1

HTML 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>