這篇文章主要介紹了CSS中控制層疊的屬性是什么，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創新互聯建站是少有的成都網站建設、網站設計、營銷型企業網站、微信平臺小程序開發、手機APP,開發、制作、設計、買友情鏈接、推廣優化一站式服務網絡公司,從2013年開始,堅持透明化,價格低,無套路經營理念。讓網頁驚喜每一位訪客多年來深受用戶好評

使用inherit關鍵字

有時，我們想用繼承代替一個層疊值。這時候可以用 inherit 關鍵字。可以用它來覆蓋另一個值，這樣該元素就會繼承其父元素的值。

假設我們要給網頁加上一個淺灰色的頁腳。在頁腳上有一些鏈接，但我們不希望這些鏈接太顯眼，因為頁腳不是網頁的重點。因此要將頁腳的鏈接變成深灰色(如圖下圖)。

繼承了灰色文本顏色的 “Terms of use” 鏈接

通常我們會給網頁的所有鏈接加上一個字體顏色(如果不加的話，就會以用戶代理樣式為準)。這個顏色也會作用于頁腳的“Terms of use”鏈接。為了讓頁腳的鏈接變成灰色，需要覆蓋顏色值。將下列代碼添加到你的樣式表。

a:link{                     /* (一下3行)全局的網頁鏈接顏色 */ 
  color: blue; 
} 
... 
.footer{ 
  color: #666;      /* 頁腳的文本設置位灰色 */ 
  background-color: #ccc; 
  padding: 15px 0; 
  text-align: center; 
  font-size: 14px; 
} 
.footer a{ 
  color: inherit;   /* 從頁腳繼承文本顏色 */ 
  text-decoration: underline; 
}

第三個規則集覆蓋了藍色的鏈接色，讓頁腳鏈接的層疊值為 inherit。因此，它繼承了父元素的顏色。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“CSS中控制層疊的屬性是什么”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

網站欄目：CSS中控制層疊的屬性是什么
網站網址：http://m.newbst.com/article6/gdsjog.html

成都網站建設公司_創新互聯，為您提供網站營銷、微信公眾號、建站公司、網站設計、用戶體驗、App設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯