溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“怎么使用CSS中用于控制層疊的inherit和initial”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么使用CSS中用于控制層疊的inherit和initial”吧!
使用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中用于控制層疊的inherit和initial”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
