空格分隔的类样式未生效：表格行动态样式设置失败

你的问题出在CSS选择器的写法上，具体原因和修正方案如下：

核心问题 #

你当前的CSS里，.checked是后代选择器，它会去寻找tr.customers-new内部带有checked类的子元素，但实际上checked是<tr>标签自身的类，不是子元素的类，所以这个选择器根本匹配不到目标元素。

修正后的CSS代码 #

如果用Sass嵌套写法，需要用&引用父选择器本身，把checked类和父类合并：

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

  // & 代表父选择器 tr.customers-new，合并后就是 tr.customers-new.checked
  &.checked {
    td {
      background: @light-color;
      cursor: default;
    }
  }
}

如果是原生CSS，直接写多类选择器：

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

// 匹配同时拥有 customers-new 和 checked 类的 tr 内部的 td
tr.customers-new.checked td {
  background: @light-color;
  cursor: default;
}

额外说明 #

你之前尝试的td.checked无效，是因为<td>标签本身并没有checked类，这个类是加在<tr>上的，所以必须通过父元素的类来关联选择子元素的样式。

确认你的HTML渲染后，当result为checked时，生成的代码是<tr class="customers-new checked">，这样修正后的选择器就能正确匹配并应用样式了。

内容的提问来源于stack exchange，提问作者Tania