Css 在dojo web应用程序中使用extjs为面板应用不同的主题

我试图将不同的主题应用到我在不同页面上显示的面板上。我不太习惯于使用css和javascript，因此希望能提供一些帮助

      <div id="rules" data-dojo-type="dojox.mobile.View">
        <h1 data-dojo-type="dojox.mobile.Heading" 
           data-dojo-props="back:'DASHBOARD',moveTo:'general'" class="style1">
                         REALTIME-COUNTS
        </h1>
        <center>
           <div dojoType="dojox.mobile.RoundRect" style="width: 1200px; 
                      height: 400px;" shadow="true">
           <h4>TOTAL DAILY RESULTS</h4>
           <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="splitter:false">
           <div id="chartdiv" style="width: 70%; height:342px;"></div>  
           </div>
           </div>
       </center>  

实时计数
每日总成绩

---

现在，我已经在项目中添加了一个theme.css文件，但不知道如何做到这一点。我想应用于上面名为“规则”的面板/视图。这是可能的还是我离这里太远了？

您的theme.css文件看起来像什么？如果您只是尝试将样式应用于“规则”面板，而不是任何其他面板，则可以执行以下操作：

#rules {
  width: 100%;
}

<div id="rules" class="mobileView" data-dojo-type="dojox.mobile.View">

.mobileView {
  width: 100%;
}

但如果您试图在其他地方重用此CSS，则只需向div添加一个类（使用id规则），如下所示：

#rules {
  width: 100%;
}

<div id="rules" class="mobileView" data-dojo-type="dojox.mobile.View">

.mobileView {
  width: 100%;
}

---

不确定这是否是您想要的，但如果您在JSFIDLE中添加一些内容，我可能会帮您做得更好。

谢谢。我在瞎弄弄弄弄明白了，但你的回答证实了这一点。