如何重置或者去掉某个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属性值相关推荐

jquery如何去掉css,jQuery教程之jQuery去掉一个CSS属性
本篇文章探讨了jQuery教程之jQuery去掉一个CSS属性,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 1.什么事JQ? 一个优秀的js库,大型开发必备 2.J ...
getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值
object.getComputedStyle 获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象,只读,不能设置. 此方法不兼容IE8及以下,需用currentStyle方法. ...
css 选择href属性值,巧用CSS属性值正则匹配选择器(小技巧)
属性值正则匹配选择器包括下面3种: [attr^="val"] [attr$="val"] [attr*="val"] 这3种属性选择器是字 ...
理解 CSS 属性值语法
本文转载自:众成翻译链接:http: //www.zcfy.cc/article/390 万维网联盟(W3C) 使用了一套特别的语法来定义 CSS 的属性值,能让所有的 CSS 属性都用.如果你曾看 ...
css提取页面元素唯一性_下面这个函数，能够获取一个元素的任意 CSS 属性值。...
在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属 ...
php 获取css值,如何通过JS获取CSS属性值
JS获取CSS属性 #f{background-color:#FF0000;} var o = document.getElementById('f'); document.write(o.style ...
js获取css属性值的方法
js操作获取dom元素的样式属性值 obj.style: 它只能够获取通过style设置的元素CSS属性值: 在html标签内通过style设置行内属性通过.dom.style.width=&quo ...
【CSS 属性值分类: 指定值,计算值,使用值,实际值的区别】
CSS 属性值的分类 CSS 属性值的分类 ⑴ 指定值 ⑵ 计算值 ⑶ 使用值 ⑷ 实际值 ♣ 结束语和友情链接 CSS 属性值的分类开发者设定的指定值 ≠ 实际值的情况浏览器和属性值的 ...
CSS属性值之百分数
百分数由一个数字和一个百分号组成,数字和百分号之间,不允许出现空格.百分数可以是整数或小数,可以是正数或负数.如果数字为0,则可以省略百分号. 百分比的值几乎总是相对于另一个值(如长度单位)计算得到的 ...

如何重置或者去掉某个css属性值

如何重置或者去掉某个css属性值相关推荐

最新文章

热门文章