html - 如何为某些类用另一个替换 CSS 规则？

Question

例如我有这个 CSS 规则:

.dataList table {
  width: 100%;
}

.dataList table.onlyThisTables {
  width: 400px;
}

<div class="dataList">
  <table>
    <tr>
      <td>
        Content of this table
        <table class="onlyThisTables">
          <tr>
            <td>Content of this table
              <td>
          </tr>
        </table>
        </td>
    </tr>
  </table>
</div>

但总是在所有表中得到 width:100%;，我想用 400px 宽度影响 .onlyThisTables 类，如何我做吗？

Answer 1

这取决于您的 html 结构。你能举一个html代码的例子吗？大概答案是:

.dataList table {
width:100%;
}
.onlyThisTables {
    width:400px;
}