溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css中怎么去掉color值

發(fā)布時間:2021-05-20 09:23:31 來源:億速云 閱讀:366 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關css中怎么去掉color值的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

在css中,可以使用unset屬性去掉color值,只需要給元素設置“元素{color:unset}”即可。如果CSS關鍵字unset從其父級繼承,則將該屬性重新設置為繼承的值,如果沒有繼承父級樣式,則將該屬性重新設置為初始值。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

有以下場景:

你用了別人的UI框架,然后你發(fā)現,你給css動態(tài)賦的值,被UI框架的優(yōu)先級更高的css覆蓋了。你可以寫js來改變它,但是如果有很多層循環(huán)+操作,你需要寫一大段的js,此時js并不是最優(yōu)的選擇,你真正需要的是 'unset'屬性

unset優(yōu)先級

給某個關鍵字設置了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;   //去掉這個屬性,文字會優(yōu)先使用span和P的color值
}

css的全稱是什么

css的全稱是Cascading Style Sheets(層疊樣式表),它是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網頁,還可以配合各種腳本語言動態(tài)地對網頁各元素進行格式化。

感謝各位的閱讀!關于“css中怎么去掉color值”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI