相关疑难解决方法(0)

我的侧边栏中有一个分层导航菜单,它使用嵌套列表(<ul>和<li>标签).我正在使用预制主题已经有列表项的样式,但我想改变顶级项的样式,但不适用于子项.是否有一种简单的方法可以将样式应用于顶级列表项标记而不将这些样式级联到其子项列表项？我明白我可以明确地为子项添加重写样式但我真的希望避免重复所有样式代码,如果有一种简单的方法只是说"将这些样式应用于此类并且不要级联他们归结为任何儿童元素".这是我正在使用的HTML:

<ul id="sidebar">
  <li class="top-level-nav">
    <span>HEADING 1</span>
    <ul>
      <li>sub-heading A</li>
      <li>sub-heading B</li>
    </ul>
  </li>
  <li class="top-level-nav">
    <span>HEADING 2</span>
    <ul>
      <li>sub-heading A</li>
      <li>sub-heading B</li>
    </ul>
  </li>
</ul>

所以css已经有了"#sidebar ul"和"#sidebar ul li"的样式,但我想在"#sidebar .top-level-nav"中添加其他样式,这些样式不会级联到它的子孙.是否有任何方法可以简单地执行此操作,或者我是否需要重新排列所有样式,以便"#sidebar ul"上的样式现在特定于某些类.

我有css适用于表的所有tr标签.

所以在我的HTML中,我没有tr标签的样式.但是,对于我表中的一个TR标记,我不想对所有表应用通用的TR.有没有办法排除这个TR？

.statisticsTable {
    border:2px solid #990000;
    width:100%;
}
.statisticsTable tr {
    font-weight : bold;
    font-size : 9pt;
    font-family : Arial,Helvetica,sans-serif,Verdana,Geneva;
    color: #ffffff;
    background-color:#990000;

}

<table class="statisticsTable">
   <tr><td colspan="7" class="tableHeaderText">HUB Statistics</td></tr>
   <tr>
      <th colspan="2">HUB</th>
      <th >House Houlds Evaluated</th>
      <th >Total Debt Owed</th>
   </tr>

       <tr  class="<s:if test="#status.even">even</s:if><s:else>odd</s:else>">
           <td  rowspan=3 valign=top>213-65-6425</td>
           <td >All</td>
           <td >t1</td>
           <td >t2</td>

在上面<tr>有'偶数'或'奇数'的类我不希望它<tr>有.statisticsTable tr属性.这可能吗？

主要认为我想避免的是背景颜色:#990000; 和颜色:#ffffff;