覆盖Dojo中的css属性

时间:2017-07-24 18:05:45

标签: javascript css dojo

我正在使用增强型网格Dojo 1.10版本。我的问题很简单,但仍然无法解决。我需要应用background-color css属性 到一排表。但问题是已经将背景属性应用于具有背景颜色的那一行。如果我从控制台中删除该属性,我的背景颜色正确反映。

我试图覆盖它,改变它但它们都没有工作。实际上,所应用的课程并不直接。像这样的东西

.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;
}

如何覆盖此类。谁能在这里帮助我。

2 个答案:

答案 0 :(得分:0)

问题的根源是特异性。您可以阅读更多相关信息here

基本上,你在CSS中使用的选择器越多,它在特异性上的排名就越高。例如,

 .text-title {}

不是很具体。

 .label-text .text-title {}

更具体,优先。

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

更具体。和

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

更具体,将优先于所有其他人。

因此问题的解决方案是你的CSS需要比Dojo CSS更具体。只需在自定义CSS中使用更具体的内容即可。

不幸的是,你可能会在很多情况下看到带有!important的属性,所以你也会被迫使用它来过度使用它们。

答案 1 :(得分:0)

在CSS属性上使用!important:

>>> import re
>>> re.match('^', 'Apply')
<_sre.SRE_Match object at 0x1034c9b90>
>>> re.match('^$', 'Apply')
>>>