理解和應用層疊樣式表的一個重要細節是它的名字中的層疊方面。也就是說,它是如何為同一個元素處理多種規則的?本週,我將詳細的介紹CSS這方面的特性,並舉例說明。
優先性
CSS屬性比HTML屬性有更大的優先權。你可以在沒有CSS支援的瀏覽器中使用HTML屬性,但在瀏覽器中加入CSS支援也不會有什麼影響。在使用CSS時,深刻理解一個CSS規則的來源是很重要的。
來源
當考慮CSS規則的應用時,通常有兩個面向。第一個是讀者,也就是對應透過他們喜歡的瀏覽器查看web應用程式的使用者。第二個面向是作者,也就是開發了web應用的實際web 開發人員。
讀者的參數選擇有使用者來處理,也就是,他們可以開發自己的樣式表,然後同過瀏覽器設定分配它們。例如,因特網瀏覽器IE 6使用者可以透過工具| Internet選項| 存取選單來指定使用者樣式表,這樣他們就可以使用自己的樣式表。 Web開發人員透過開發自己的CSS來指定規則並在網頁中應用。同時,瀏覽器也常有內建的規則。
層疊
縮寫CSS中的層疊方面指的是不同來源的規則間合併與覆蓋過程。當同時使用多個樣式表時,每個樣式表定義的選擇器之間會相互爭奪控制。下面列表指名了順序,這樣就解決了樣式表選擇器之間的衝突,其中第一項是最重要的。
重要性:選擇器是否被指定為重要?
規則來源:規則在那裡定義的?
特性:規則的特性是什麼?
順序:最後定義的是什麼?