如何在不重复完整路径的情况下选择多个sibblings CSS类？

Question

有没有办法简化这个：

div.container>table>tbody>tr>td h1,
div.container>table>tbody>tr>td h2,
div.container>table>tbody>tr>td h3{
    color: red;
}

得到这样的东西？

div.container>table>tbody>tr>td (h1, h2, h3){
    color: red;
}

提前谢谢。

Answer 1

可以使用SASS

演示 - http://jsfiddle.net/063e4x7g/1/

.container tr td {
  h1, h2, h3 {
    color:red;
  }
}

Answer 2

逗号分隔是唯一的方法，

但是还有另一个选项可以选择所有父母的孩子：

div.container>table>tbody>tr>td>* {
    color: red;
}

但是我不建议使用它。

Answer 3

table h1, 
table h2,
table h3 {
 color: red;
}

在http://jsfiddle.net/g158jr8v/

查看小提琴