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

Question

我正在尝试在我的 CSS (wink) 中练习 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 。使用香草 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;
  }
}