CSS 串接



CSS 教學  >  串接

CSS 的全名為 Cascading Style Sheets。如果只有一個樣式表,那『串接』(cascade) 這個部分就不重要。若一個 HTML 文件中包含有多個樣式表,那串接這個概念就非常重要了。

串接是指當不同樣式表中對相同屬性有不同定義時,應該要用哪一個樣式表中的定義的規則。

最基本的規則是,越接近 HTML 本身的樣式越有優先權。因此,內行套用的樣式通常會有最高的優先權,因為它最接近 HTML 的元素。接下來的是嵌入套用的樣式表;這一類的樣式表是在 <head> 內宣告的。再下來是匯入套用的樣式表。若有多個樣式表被匯入,越後被匯入的越有優先權。優先權最低的是外部連接套用的樣式表。若有多個外部樣式表被連接,越後被匯入的越有優先權。

另外,每一個瀏覽器也都有自己的樣式表 (這就是為什麼超連接文字通常會是藍色,而且下面有一條線)。這一類的樣式表優先權比以上的幾種都低。

所以,從最高優先權到最低優先權的排名如下:

  • 內行套用的樣式表 (Inline stylesheet)
  • 嵌入套用的樣式表 (Embedded stylesheet)
  • 匯入套用的樣式表 (Imported stylesheet)
  • 外部連接套用的樣式表 (Linked stylesheet)
  • 瀏覽器本身的樣式表 (Browser's own stylesheet)

下一頁: CSS 繼承




Copyright © 2017   1keydata.com   版權所有