css學習3

css的兩個特性：

1.繼承性：有一些屬性，當給父級元素設置的時候，他的後代元素也會繼承了這個屬性，能夠繼承的屬性有：color,   font-開頭的屬性    text-開頭的屬性     line-開頭的屬性   等文字修飾的屬性，全部有關盒子的屬性如：定位的，佈局的屬性不能繼承，繼承性從本身開始的，一直到最高級的父級

 

 以上案例p元素最終在頁面上的顯示爲字體是#0f0綠色，字體大小是30px；

2，層疊性，就是當給元素設置屬性起衝突的時候css處理衝突的能力，具體以權重爲準，

權重是計算：id選擇器 > class類選擇器 > 標籤選擇器      他們一個數進行計算

當選擇器同時以不一樣的方式選中同一個元素時，以以上選擇器的個數計算權重，

若是不能直接選中某一個元素，經過繼承性影響，權重這時爲0，根據就近原則，來影響該元素的樣式

但有一種特殊狀況  !important,     當在屬性的後面加上!important    就會使該屬性的權重最高

注： !important提高的是一個屬性而不是一個選擇器，沒法提高繼承繼承的權重，不影響就近原則

這時第一個裏 的字體是藍色，其餘的字體顏色是紅色

 

 這時p元素的字體顏色是紅色