CSS 繼承 |
CSS 教學 > 繼承在一個 HTML 文件中,標籤之間有所謂的親子關係。舉例來說,<title> 這個標籤一定都是在 <head> 這個標籤之內,所以我們就說 <title> 是 <head> 的子標籤。繼承 (inheritance) 的意思就是說子標籤的樣式會跟父標籤一樣,除非子標籤本身另有自訂的樣式。 舉例來說,如果我們有以下的樣式:
下面這行 HTML 碼,
就會顯現出為, 這是一個繼承的例子。 在以上的例子中,雖然我們並沒有對 <strong> 設定顏色,可是我們可以看到,整個句子的顏色都是綠色的。這是因為, <strong> 是 <p> 的子標籤,所以 <strong> 繼承了 <p> 的樣式,而在 <p> 的樣式中,文字顏色是設定為綠色的。 |