a元素顏色不能繼承父元素的原因

首先先思考乙個問題：

為什麼都沒設定給 a元素和p元素的字型顏色，他兩都有顏色，而且顏色還不一樣。

這裡涉及到乙個知識點，繼承，父元素填寫跟文字內容相關的css樣式可以被子元素繼承，但是也不是絕對，上面的a元素就是乙個例子，那到底是什麼原因導致了這種情況發生呢，這就涉及到了頁面渲染的過程：

瀏覽器呢，他在讀**，是一行一行讀的，也是樹型的一種結構

他在渲染每個元素的前提條件呢，是該元素他的所有css屬性，必須要有值，如果沒有值呢，瀏覽器怎麼知道這個元素是什麼樣子的，他要怎麼顯示在頁面呢，(我告訴你有個人他有個嘴巴，有一雙眼睛，那麼請你畫出來他的全身，你肯定畫不出來吧。)乙個元素從沒有屬性值到擁有所有值的過程，就叫做屬性值的計算過程

屬性值的計算過程：

1、確定宣告值：

先了解乙個東西，樣式表，瀏覽器呢，他自己有乙個樣式表，有沒有發現，你在寫h1或者其他元素的時候，字型比較大，還加粗了，這就是瀏覽器的樣式表起的作用，html只是結構，真正要起到顯示作用的，一定是css控制的。

除了瀏覽器有預設的樣式表之外，還有我們自己寫的css樣式，叫作者樣式表。

那麼屬性值的計算過程，第一步就是確定宣告值，作者樣式表中和瀏覽器預設樣式表中，沒有衝突的宣告，就會直接進行賦值：

2、層疊衝突：

那麼進行了第一步之後，第二步就是來處理層疊衝突的：

3、使用繼承：

對仍然沒有值的屬性，如果父元素可以繼承，就會繼承父元素的值

回過頭來看前面那個問題：

4、使用預設值：對於那些繼承之後還是沒有值的屬性，使用預設值。

最後，謝謝你的**。