适用相同的CSS到TD两个不同的表

说我有两个表，每个都有自己的阶级：
适用相同的CSS到TD两个不同的表

<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{...}

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

来源

2016-02-09 yanman1234

一个解决办法是建立共同的格式通用类和类申请所需的元素 – Arvind

我知道这项工作。这是实现我想要的最好方法吗？换句话说，我所描述的是在CSS中存在，还是与我所描述的最接近的普通类？ – yanman1234

只要是你的页面上不需要相同的造型，一类添加到您的表（即.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 { 
    ... 
}

来源

2016-02-09 01:30:45 grim

，如果你想使用嵌套类，这样你可以使用预处理像萨斯：

HTML

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

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

CSS（萨斯）

.t1,.t2{ 
    tr > td { 
    color: red; 
    } 
}

这里举例：http://codepen.io/anon/pen/RrqZpp

来源

2016-02-09 01:35:54 fbid

+1为我正在寻找的东西提供解决方案。不幸的是，我不能使用Sass（或类似的），所以我不能实现这个解决方案，但我没有在问题中提到过 – yanman1234

适用相同的CSS到TD两个不同的表

回答

相关问题