html - 覆盖 dojo 内容 Pane 的全文 css 设置

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

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

我的 dojo 小部件 html 有

 class="myWidget"

只是一个占位符。

在这个jsp的css文件中，我有

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

因此这适用于 jsp 的 body 内的所有 dijitContentPanes。

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

我怎样才能做到这一点？我想保持上面的通用设置不变。但我不想将它应用到 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/