DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 玩轉Dreamweaver8.0:關於沖突的CSS規則
玩轉Dreamweaver8.0:關於沖突的CSS規則
編輯:Dreamweaver相關     

將兩個或更多 CSS 規則應用於同一文本時,這些規則可能會發生沖突並產生意外的結果。浏覽器按以下方式應用 CSS 規則:

  • 如果將兩種規則應用於同一文本,浏覽器顯示這兩種規則的所有屬性,除非特定的屬性發生沖突。例如,一種規則可能指定文本顏色為藍色,而另一種規則可能指定文本顏色為紅色。
  • 如果應用於同一文本的兩種規則的屬性發生沖突,則浏覽器顯示最裡面的規則(離文本本身最近的規則)的屬性。因此,如果外部樣式表和內聯樣式同時影響文本元素,則應用內聯樣式。
  • 如果有直接沖突,則自定義 CSS 規則(使用 class 屬性應用的規則)中的屬性將覆蓋 HTML 標簽樣式中的屬性。

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved