Question

我正在尝试使用带有修改过的dijit主题的dijit/layout/TabContainer。我需要修改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，标签的填充和字体粗细仍保持不变。在TabContainer中编辑myTheme CSS文件并不是一个实用的解决方案，因为我只会弄乱不同页面的样式。会发生的是，当我使用样式加载页面时，我的命令似乎在瞬间工作，但是当TabContainer完成加载时，所有这些都撤消了。谁能告诉我为什么或给我一个解决方案？提前谢谢！

Answer 1

这是一个有效的解决方案。 http://jsfiddle.net/oamiamgod/rd58M/

我已将班级myTheme添加到正文标记中。喜欢这个

<body class="claro myTheme">

我不擅长英语，但我会尝试解释。

如果您编写类似此.myTheme .homeTabContent .dijitTab的css，则表示类homeTabContent的元素必须保留在某个具有类myTheme

的元素中

喜欢这个

<body class="claro myTheme">
    <div class="homeTabContent">
        <div class="dijitTab"></div>
    </div>
</body>

但是如果你写这样的.myTheme.homeTabContent.dijitTab css（没有空格），它将是

<div class="myTheme homeTabContent dijitTab"></div>

Dojo Dijit造型问题

1 个答案: