css學習3

標籤：nbsp   其他   就會   blog   alt   class   開頭   繼承   不同的   

css的兩個特性：

1.繼承性：有一些屬性，當給父級元素設定的時候，他的後代元素也會繼承了這個屬性，可以繼承的屬性有：color,   font-開頭的屬性    text-開頭的屬性     line-開頭的屬性   等文字修飾的屬性，所有有關盒子的屬性如：定位的，布局的屬性不能繼承，繼承性從自己開始的，一直到最進階的父級

 

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

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

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

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

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

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

註： !important提升的是一個屬性而不是一個選取器，無法提升繼承繼承的權重，不影響就近原則

這時第一個裡 的字型是藍色，其他的字型顏色是紅色

 

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

css學習3