如何在makeStyles/useStyles中实现data-priority为High或1的条件样式？

你之前写的'&[data-priority="High"] &[data-priority="1"]'是后代选择器，它的作用是匹配data-priority="High"元素内部的data-priority="1"子元素，完全不是你想要的“或”逻辑，所以没法生效。

要实现“元素的data-priority为High或1时都变红”的需求，你需要用逗号分隔多个选择器，把两个条件分开写，共享同一个父选择器前缀&：

'&[data-priority="High"], &[data-priority="1"]': {
  background: "red",
},

这样写就会同时匹配data-priority="High"和data-priority="1"的目标元素，给它们都设置红色背景。

内容的提问来源于stack exchange，提问作者Prashanth K.A