您好,登錄后才能下訂單哦!
小編給大家分享一下css去掉屬性的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css去掉屬性的方法:首先打開相應的前端代碼文件;然后找到需要去除的屬性值;最后通過給某個關鍵字設置unset屬性即可實現去掉指定屬性效果。
重置或者去掉某個css屬性值
有以下場景:
你用了別人的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去掉屬性的方法”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。