CSS 繼承



CSS 教學  >  繼承

在一個 HTML 文件中,標籤之間有所謂的親子關係。舉例來說,<title> 這個標籤一定都是在 <head> 這個標籤之內,所以我們就說 <title> 是 <head> 的子標籤。繼承 (inheritance) 的意思就是說子標籤的樣式會跟父標籤一樣,除非子標籤本身另有自訂的樣式。

舉例來說,如果我們有以下的樣式:

p { color: #00FF00; }
strong { font-size:20px; }

下面這行 HTML 碼,

<p>這是一個 <strong>繼承的例子。</strong></p>

就會顯現出為,

這是一個繼承的例子。

在以上的例子中,雖然我們並沒有對 <strong> 設定顏色,可是我們可以看到,整個句子的顏色都是綠色的。這是因為, <strong> 是 <p> 的子標籤,所以 <strong> 繼承了 <p> 的樣式,而在 <p> 的樣式中,文字顏色是設定為綠色的。

下一頁: CSS Class 與 CSS ID




Copyright © 2017   1keydata.com   版權所有