我正在尝试将 dijit/layout/TabContainer 与修改后的 dijit 主题一起使用。我需要修改 TabContainer 选项卡的一些样式，例如选项卡的填充、粗体等。但是，样式命令特定于使用 TabContainer 的页面不工作。
这段代码在我主页的 CSS 文件中。
.myTheme .homeTabContent
{
font-weight: bold !important;
}
.myTheme .homeTabContent .dijitTab /* The .dijitTab is the original CSS class of the tab*/
{
font-weight: bold !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
尽管有 !important，选项卡的内边距和字体粗细仍保持不变。在 myTheme 中编辑 TabContainer CSS 文件不是一个实用的解决方案，因为那样只会弄乱不同页面的样式。发生的情况是，当我加载具有样式的页面时，我的命令似乎在一瞬间起作用，但是当 TabContainer 完成加载时，所有这些都被撤消了。谁能告诉我原因或提供解决方案？提前致谢!
最佳答案
这是一个可行的解决方案。 http://jsfiddle.net/oamiamgod/rd58M/
我已将类 myTheme 包含到 body 标记中。像这样
<body class="claro myTheme">
我的英语不好，但我会尽力解释。
如果你像这样编写 css .myTheme .homeTabContent .dijitTab 这意味着类 homeTabContent 的元素必须留在具有类 myTheme< 的元素中
像这样
<body class="claro myTheme">
<div class="homeTabContent">
<div class="dijitTab"></div>
</div>
</body>
但是如果你像这样写 css .myTheme.homeTabContent.dijitTab(没有空格)它会是
<div class="myTheme homeTabContent dijitTab"></div>
关于javascript - Dojo Dijit 样式问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13093958/