溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了CSS中控制層疊的屬性是什么，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
使用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中控制層疊的屬性是什么”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
