CSS 6. 繼承

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

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

 

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

下面這行 HTML 碼,

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

就會顯現出為,

這是一個繼承的例子。

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

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>