不应用空格代码引用的样式

Question

对不起，我想不出一个更好的标题。我正在尝试根据函数调用的结果来设置表格的样式。 在我的 HTML 文件中，我有以下内容：

<tr class="customers-new {{result}}">  //result can be 'checked' or ''

然后在我的 CSS 中：

tr.customers-new {
  td {
    cursor: default;
  }

  .checked {
    background: @light-color;
    cursor: default;
  }

}

只是不应用样式。我也试过 td.checked。

Answer 1

正如您所澄清的那样，您正在尝试将 CSS 放入 td，您可以将 td 放入 .checked 中，如下所示

tr.customers-new {
  td {
    cursor: default;
  }
  .checked {
    td {
      background: @light-color;
      cursor: default;
    }
  }
}