覆盖Dojo中的css属性

-1

我正在使用增强型网格Dojo 1.10版本。我的问题很简单，但仍然无法解决。我需要将背景色css属性应用于表格行。但是问题是已经将背景属性应用于具有背景色的行。如果我从控制台中删除该属性，我的背景颜色会正确反映。覆盖Dojo中的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; 
}

我该如何重写这个类。任何人都可以在这里帮我。

来源

2017-07-24 shv22

使用'class'在 – LKG

行，你可以定义自己的类，然后将其应用到表。这种方式dojo使用您的自定义类而不是OOTB –

如何才能将类仅应用于tr元素？我正在使用dojo使用但没有反映的相同类。我甚至在CSS中使用优先顺序，然后它也没有使用我的自定义css – shv22

问题的根源在于特异性。你可以阅读更多关于它here。

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

.text-title {}

不是很具体。

.label-text .text-title {}

更具体，将优先考虑。

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

更具体。并且：

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

仍然更具体，将优先于所有其他人。

所以这个问题的解决方案是你的CSS需要比Dojo CSS更具体。只需在您的自定义CSS中使用更具体的。

不幸的是，您可能会在多种情况下看到带有！重要的属性，因此您将不得不使用它来搭配它们。

来源

2017-07-24 18:22:40 sn3ll

使用重要的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; 
}

来源

2017-08-27 17:56:47

覆盖Dojo中的css属性

回答

相关问题