我在jsp中有一个dojo文件,其中的body小部件会导致一个弹出对话框。

<body class="myBody">
        // my widget goes here
</body>


我的dojo小部件html具有

 class="myWidget"


就像一个占位符。

在此cssjsp文件中,我有

.myBody .dijitContentPane {
       padding-bottom: 0 !important;
 }


因此,这适用于dijitContentPanesbody内的所有jsp

但是,我想为myWidget覆盖它。对于myWidget,而不是padding-bottom作为0,我希望它作为20px

我该如何实现?我想按原样保留上面的通用设置。但我不想将其应用于myWidget

最佳答案

CSS有一个:not(x)选择器。通过将选择器更改为来满足您的需要吗

.myBody .dijitContentPane:not(.myWidget) {
   padding-bottom: 0 !important;
}




以下工作:

.myBody .dijitContentPane:not(myWidget.) {
   padding-bottom: 0 !important;
}

关于html - 覆盖Dojo内容 Pane 的正文CSS设置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54906101/

10-10 09:00