Javascript Dojo Dijit样式问题_Javascript_Css_Dojo_Tabcontainer

Javascript Dojo Dijit样式问题

javascript css dojo

Javascript Dojo Dijit样式问题,javascript,css,dojo,tabcontainer,Javascript,Css,Dojo,Tabcontainer,我试图使用一个带有修改过的dijit主题的dijit/layout/TabContainer。我需要修改TabContainer选项卡的一些样式，例如选项卡的填充、粗体等。但是，特定于使用TabContainer的页面的样式命令不起作用这段代码在我的主页的CSS文件中 .myTheme .homeTabContent { font-weight: bold !important; } .myTheme .homeTabContent .dijitTab /* The .dijitTa

我试图使用一个带有修改过的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;
}

尽管

，选项卡的填充和字体重量保持不变！重要信息

。在

myTheme

中编辑

TabContainer

CSS文件不是一个实用的解决方案，因为这样做只会弄乱不同页面的样式。发生的情况是，当我加载带有样式的页面时，我的命令似乎在瞬间起作用，但是当

TabContainer

完成加载时，所有这些都被撤消。有人能告诉我为什么或者给我一个解决方案吗？提前谢谢

这里有一个有效的解决方案

我已经将class

myTheme

添加到body标签中。像这样

<body class="claro myTheme">

但是如果您像这样编写css

.myTheme.homeTabContent.dijitTab

（没有空格），它将是

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

这是一个有效的解决方案

我已经将class

myTheme

添加到body标签中。像这样

<body class="claro myTheme">

但是如果您像这样编写css

.myTheme.homeTabContent.dijitTab

（没有空格），它将是

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

我解决此类问题的第一步是检查Firebug（或IE的等效工具）中行为不端的节点，看看应用了哪些样式，哪些样式覆盖了什么。我在Firebug中做过。加载过程中会应用正确的CSS。但在加载完成后消失。在Firebug上，它从来没有从主页的CSS文件中提到CSS。那么发布HTML怎么样？我遇到这样的问题的第一步是检查Firebug（或IE的等价物）中的行为不端节点，看看应用了哪些样式，以及哪些样式覆盖了什么。我在Firebug中做过。加载过程中会应用正确的CSS。但在加载完成后消失。在Firebug上，它从未从主页的CSS文件中提到CSS。那么发布HTML怎么样？