如何指定可以匹配给定选择器的多个类？

Question

我正在尝试在我的CSS中练习DRY（眨眼）而且我仍然坚持如何解决这个问题。

如何减少这种情况：

table.shipmentItemList TD.title,
table.shipmentItemList TD.author,
table.shipmentItemList TD.options {
    font-size: 1.0em;
    font-weight: normal;
}

对于这样的事情：

table.shipmentItemList TD.title, TD.author, TD.options {
    font-size: 1.0em;
    font-weight: normal;
}

或者更好的是：

table.shipmentItemList TD .title, .author, .options {
    font-size: 1.0em;
    font-weight: normal;
}

Answer 1

我认为在这种情况下，您只能使用SASS：http://sass-lang.com/

标准CSS不允许您尝试执行的操作。

Answer 2

如果您想在服务器上执行此操作，请查看LESS或LESS PHP。你想要的是vanilla CSS无法提出的问题。

您的示例如下所示：

table.shipmentItemList {
    td {
        &.title, &.author, &.options {
            font-size: 1.0em;
            font-weight: normal;
        }
    }
}

Answer 3

看看less.js它会让你做这样的事情：

table.shipmentItemList{
  TD.title, TD.author, TD.options {
    font-size: 1.0em;
    font-weight: normal;
  }
}