在Dojo中覆盖css属性

bprjcwpo  于 2022-12-08  发布在  Dojo
关注(0)|答案(2)|浏览(174)

我正在使用增强型网格Dojo 1.10版本。我的问题很简单,但我仍然无法解决它。我需要将css的background-color属性应用到一个表行。但问题是,已经有一个background-color属性应用到了该行。如果我从控制台中删除该属性,我的background-color就能正确反映出来。
我试过覆盖它,改变它,但是没有一个是工作的。实际上,应用的类不是直接向前的。类似这样的东西

.claro .dojoxGridRowTable tr {
background-image : url("...")
background-repeat : repeat-x;
background-attachment :scroll;
background-clip:border-box;
background-origin:padding-box;
background-size:auto auto;
}

我怎么能覆盖这个类。谁能帮帮我。

pvabu6sv

pvabu6sv1#

问题的根源是特异性。你可以阅读更多关于它的here
基本上,CSS中使用的选择器越多,它的特异性排名就越高。

.text-title {}

不是很具体。

.label-text .text-title {}

更具体并将优先。

.label .label-text .text-title {}

更加具体。还有:

div.label > .label-text > .text-title {}

并将优先于所有其他决议草案。
所以问题的解决方案是你的CSS需要比Dojo CSS更具体,在你的自定义CSS中使用更具体的CSS。
不幸的是,在很多情况下,您可能会看到带有!的属性很重要,因此您将被迫使用它来覆盖它们的属性。

nbnkbykc

nbnkbykc2#

在CSS属性上使用!重要信息:

.claro .dojoxGridRowTable tr {
background-image : url("...") !important;
background-repeat : repeat-x !important;
background-attachment :scroll !important;
background-clip:border-box !important;
background-origin:padding-box !important;
background-size:auto auto !important;
}

相关问题