可以整个css“.class”具有它的特异性!重要吗?
我在jQuery UI小部件中工作很多,并且由于我需要解决的疏忽,主题变得越来越难。
考虑这个问题:
然后这个jquery
$(function() { $('#node').hover(function (){ $(this).toggleClass("ui-state-error"); }); });
我希望ui-state-error对嵌套div很重要。 这是伪代码,但我发现大量的例子发生在容器有css交换和子(basicaly)忽略它的情况下。 更糟糕的是:如果我希望能够在jQuery中覆盖说“backgroundcolor = ui-state-error:background-color知道100%这一切都不会破碎,因为我不知道”必然,背景是有关元素的重要背景。
这里是一个案例的小提琴http://jsfiddle.net/WCuYH/1/
编辑我打算推荐这个问题是关闭的,因为没有任何尝试的答案,只有太多偏离原始post的本质
首先!important
适用于CSS规则中的一个特定声明。 它不适用于class级。 所以,“不”你不能上课!important
。
第二关, !important
只是CSS特异性的一部分。 您还可以使用其他方法使规则成为具有优先权的更具体的规则(例如在父链中引用id而不仅仅是类。当我编写CSS时,使用!important是我最后一个可能的选择- 我宁愿用其他特殊解决方案来解决覆盖。通常,如果你控制所有的CSS,这很容易避免使用!important
。如果你必须覆盖一些你无法控制的CSS,那么有时它是便利。
如果你的jQuery代码要在对象上切换一个类,那么你将不得不制定你的CSS规则,以便添加/删除这个类会导致正确的CSS声明具有优先权。 为了帮助您进一步了解该部分,您需要向我们展示HTML和CSS的相关部分,以便我们就如何解决您的优先级/特异性问题提出建议。