Question

我正在尝试创建一个表格，其中每个单元格或多或少看起来都是相同的，并由CSS类控制。

<table>
  <tr>
    <td class="xx">
      blah blah
    </td>
    <td class="xx">
      blah blah
    </td>
  </tr>
  <tr>
    <td class="xx">
      blah blah
    </td>
    <td class="xx">
      blah blah
    </td>
  </tr>
</table>

是否可以避免为每个class="xx"指定<td>？这些类不是由我定义的，而是由CSS框架定义的，每个元素上都有多个类可以指定。这意味着不能更改CSS定义

编辑我应该提到我正在使用W3.CSS，并想从中引用类。我对此进行了一些研究，并得出与被接受的答案相同的结论（我要问的是用HTML不可能实现的）。但是我认为有人可以展示一些方法，而不必从W3.CSS重新定义类，所以我在这里问。

Answer 1

尝试一下，这将减少您的课程，并为您提供要定位的特定课程。

.xx td{color:#ff0000}

<table class="xx">
  <tr>
    <td>
      blah blah
    </td>
    <td>
      blah blah
    </td>
  </tr>
  <tr>
    <td>
      blah blah
    </td>
    <td>
      blah blah
    </td>
  </tr>
</table>

Answer 2

可以，

td {
  //Your code here
}

将代码放入td标记内，因此不必在每个xx标记中放置td类。

Answer 3

您可以使用jQuery将类提供给表，并使用该类将css提供给td。

.abc td {....}

避免在HTML中多次定义类是一种很好的做法。

它将起作用。

如何避免在html中多次指定类名？

3 个答案: