Question

假设我有两个表，每个表都有自己的类：

<table class="table1">
    <tbody>
        <tr>
            <td>Something</td>
        </tr>
    </tbody>
</table>

<table class="table2">
    <tbody>
        <tr>
            <td>Something else</td>
        </tr>
    </tbody>
</table>

现在我想做的是将相同的CSS应用于每个班级的td。我知道我可以通过以下css实现这一目标：

.table1 tbody td, .table2 tbody td{...}

然而，我想知道是否存在一种语法，以便我可以删除共性并将其减少到类似：

(.table1, .table2) tbody td{...}

我已经使用大括号，括号和括号尝试了上面的语法，并且没有成功。我觉得这应该是一件相当简单的事情，但无法在任何地方找到解决方案。

Answer 1

如果您网页上的其他表格不需要相同的样式，请在表格中添加一个类别（即.some-class）：

<table class="table1 some-class">
    <tbody>
        <tr>
            <td>Something</td>
        </tr>
    </tbody>
</table>

<table class="table2 some-class">
    <tbody>
        <tr>
            <td>Something else</td>
        </tr>
    </tbody>
</table>

然后将css应用于此类：

.some-class td {
    ...
}

Answer 2

如果要使用嵌套类，可以使用像Sass这样的预处理器，如下所示：

<强> HTML

UPDATE `_JobTable` 
   SET `JobClosedDate` = ClosedDate 
 WHERE `JobID` = NEW.JobID;

CSS（Sass）

<table class="t1"> 
  ....
</table>

<table class="t2"> 
  ....
</table>

此处示例：http://codepen.io/anon/pen/RrqZpp

将相同的CSS应用于两个不同表的td

2 个答案: