您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關css中怎么去掉color值的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
在css中,可以使用unset屬性去掉color值,只需要給元素設置“元素{color:unset}”即可。如果CSS關鍵字unset從其父級繼承,則將該屬性重新設置為繼承的值,如果沒有繼承父級樣式,則將該屬性重新設置為初始值。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
有以下場景:
你用了別人的UI框架,然后你發現,你給css動態賦的值,被UI框架的優先級更高的css覆蓋了。你可以寫js來改變它,但是如果有很多層循環+操作,你需要寫一大段的js,此時js并不是最優的選擇,你真正需要的是 'unset'屬性
unset優先級
給某個關鍵字設置了unset,例如 color: unset; 它首選會選擇繼承父級的屬性,然后才去選擇繼承本身屬性值, 即: inherit > initial
例如:
本身屬性值p和span設置了color值,如果設置了unset,就會去選擇繼承h_bg的color值。
HTML:
<header class="h_bg"> <p class="reset">title title title</p> <span class='reset'>text text text</span> </header>
CSS:
p{ color:red; } span{ color:blue; } .h_bg{ color:#FFF; background:#DEDEDE; padding:20px; text-align:center; width:200px; height:200px; } .reset{ color:unset; //去掉這個屬性,文字會優先使用span和P的color值 }
css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
感謝各位的閱讀!關于“css中怎么去掉color值”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。