CSS 3學習筆記之理順哪個樣式應用於哪個類?

2021-07-30 15:50:41 字數 362 閱讀 9299

屬性可以被繼承。例如:如果給元素設定乙個可被繼承的屬性,那麼的所有子孫元素將繼承這個屬性。

子孫元素從祖先元素中繼承來的繼承值可以被覆蓋。

規則更具體? 以下三種規則,從上至下依次更具體。

p 

.greentea

p.greentea

乙個元素可以加入多個類,只需將每個類名賦給class屬性值,類名之間用乙個空格隔開。順序無關緊要。

如果乙個元素只屬於乙個類,那麼 p.greentea 選擇符是更具體的。

如果乙個元素屬於多個類,而這些類定義的是相同的屬性,可以使用樣式表裡的排序規則來解決衝突,即使用css檔案裡最靠後(最接近底部)的規則。

css3新學習樣式

css3 1 旋轉角度 transform rotate 30deg 旋轉30度 2 圓角邊框 由小到大 border radius 25px moz border radius 25px old firefox 3 邊框陰影 box shadow box shadow 10px 10px 5px ...

CSS3學習筆記 1 CSS樣式繼承

自己在寫css時總會遇上css樣式繼承的問題,好在一般問題不大,但一直也不明白css樣式繼承的規則,最近發現了一篇文章講的不錯,因此 過來 所謂css 的繼承是指被包在內部的標籤將擁有外部標籤的樣式性質。繼承特性最典型的應用通常發揮在整個網頁的樣式預設,需要指定為其它樣式的部份設定在個別元素裡即可。...

CSS3學習筆記 顏色相關樣式

利用alpha通道來設定顏色 c3中可以通過alpha通道的方法來定義rgba顏色 rgba顏色 指的是紅色值 綠色值 藍色值 alpha通道值來定義的顏色 通道範圍為0 1.0,0表示完全透明,1表示不透明 background color rgba 255,0,0,0.5 hsla顏色指的是利用...