如何重置或者去掉某個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值
}


複製代碼