CSS的繼承性和層疊性

來源:互聯網
上載者:User

標籤:order   文字   設定   方法   一個   優先   不能   這一   ble   

一、繼承性

 (1)所謂CSS繼承性是指被包在內部的標籤將擁有外部標籤的樣式性質,同時CSS繼承是一種機制,它允許樣式不僅可以應用於某個特定的元素,還可以應用於它的後代,是依賴於祖先-後代的關係的。用簡單的話來說就是自己設定的屬性,其後代也繼承上了。

 

(2)那麼有哪些屬性是可以繼承的:

    color、以text-、line-、font- 開頭的屬性,也就是關於文字的屬性是可以繼承的,而關於布局、定位、盒子的屬性都是不能繼承。

body{  color:red;  font-size:14px;}

 

3)繼承的範圍:

    從自身開始,到最小的元素。也就是從第body開始都最內層的p標籤。

<body>    <div>        <p>你好</p>    </div></body>

 

二、層疊性

 

 

(1)什麼是層疊性

  就是瀏覽器處理衝突的一個特性。當有多個選取器選擇到同一個元素時,但就只有一個選取器生效,也就是在相同權重的情況下,其他選取器的樣式會被覆蓋掉。

 

(2)優先順序:

  a. id選取器 > 類別選取器 > 標籤選取器

  b. 當同時多個選取器選擇到同一個元素時,可通過權重比較:也就是分別計算id選取器、 類別選取器 、標籤選取器各自的數量。這一方法沒任何的瀏覽器安全色問題。

              

  c. 當權重都一樣時,以後出現的選取器為準。

              

  d. 沒有具體選中到一個元素。通過繼承性影響,該元素的權重就是為0,那麼此時就有一個就近原則:  

              

 

 (3)權重問題總結:

1) 先看有沒有選中,如果選中了,那麼以(id數,類數,標籤數)來計權重。誰大聽誰的。如果都一樣,聽後寫的為準。

2) 如果沒有選中,那麼權重是0。如果大家都是0,就近原則。

CSS的繼承性和層疊性

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.