CSS中，有許多屬性是具有繼承性的。繼承性指的是如果某個元素的樣式屬性沒有被顯式的設置，則會從該元素的父元素中繼承相應的樣式屬性。這樣可以大大的減少CSS樣式的編寫量，并且增加代碼的靈活性。 下面就來介紹一下CSS中常見的具有繼承性的屬性。 ### color color 屬性設置文字的顏色。該屬性具有繼承性，如果一個元素沒有指定color，則會從其父元素中繼承color屬性。 例如，如果我們設置如下的CSS樣式： ``` body { color: #333; } p { font-size: 18px; } ``` 則所有的段落 `

` 的文字顏色會從 `` 中繼承到。 ### font-family font-family 屬性設置文字的字體。該屬性同樣具有繼承性。 例如： ``` body { font-family: Arial, sans-serif; } h1 { font-size: 36px; } p { font-size: 18px; } ``` 則在未指定 h1 和 p 的 font-family 的情況下，它們會從 body 中繼承。 ### font-size font-size 屬性設置文字的字體大小。同樣具有繼承性。 例如： ``` body { font-size: 16px; } h1 { font-size: 36px; } p { font-size: 18px; } ``` 則 h1 和 p 的字體大小會從 body 中繼承。 ### line-height line-height 屬性設置行高。該屬性同樣具有繼承性。 例如： ``` body { line-height: 1.5; } h1 { font-size: 36px; } p { font-size: 18px; } ``` 則 h1 和 p 的行高會從 body 中繼承。 ### text-align text-align 屬性設置文字的對齊方式。該屬性同樣具有繼承性。 例如： ``` body { text-align: center; } h1 { font-size: 36px; } p { font-size: 18px; } ``` 則 h1 和 p 的水平對齊方式會從 body 中繼承。 ### 理解繼承性 雖然某些屬性具有繼承性，但并不是所有的屬性都會被繼承，有時候某些父元素的屬性不會完全的傳遞給子元素。同時，由于子元素可以顯式地將屬性值設置為不同的值，因此繼承性的應用也是有限制的。因此，在編寫CSS樣式時，我們需要充分理解繼承性的應用，合理設置CSS樣式，才能使代碼既簡單又靈活。