如何使用JSS选择根元素下所有嵌套层级的<b>后代元素？

你当前的代码里，& b在JSS中对应CSS的.root b，这本身就是后代选择器，理论上应该能选中.root下所有嵌套层级的<b>元素。如果只能选中直接子元素，可能是以下情况：

• 你可能误写了子选择器：如果代码是& > b（带>符号），那只会选中直接子元素，去掉>即可。
• 存在更高优先级的样式覆盖：可以通过调整选择器权重或临时使用!important来测试（不推荐滥用），示例代码：

  const style = () => ({
      root: {
          "& b": {
              color: "red !important"
          }
      }
  })
  

如果需要更明确地选中所有后代（包括深层嵌套），也可以写为：

const style = () => ({
    root: {
        "& b, & * b": {
            color: "red"
        }
    }
})

不过实际上& b已经包含了所有后代层级，所以优先排查是否有样式冲突或选择器写法错误。

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