Css 如何在阴影DOM中定位：：part atribute的子级

我正在处理一个新的web组件，标签的定义方式让我陷入了困境

html如下所示：

棋盘元素演示
const board=document.querySelector（“棋盘”）；
const game=新国际象棋（）；
棋盘：：部分（白色）{背景色：白色；}
棋盘：：部分（黑色）{背景色：橙色；}
/*不起作用*/
棋盘[部分*=“黑色”]{颜色：蓝色}
棋盘>[part=“board”]>[part*=“black”]>[part*=“notation”]{颜色：蓝色}

棋盘>[部分*=“白色”]>[部分*=“符号”]{
背景色：红色；
}
棋盘>[部分*=“黑色”]>[部分*=“符号”]{
背景颜色：蓝色；
}

白色
黑色

正确的标签是什么？而且你的建议根本不起作用，没有效果。尝试了

[part=“notation”]{background color:#829982；}

，

web组件[part=“notation”{background color:#829982；}

和

*[part=“notation”]{background color:#829982；

@vesperknight:请在您的问题中包含足够的代码，我们可以重现您的问题。这是本机的。。这是新的：我更新了问题，增加了更多的部分。。你的答案对我来说不起作用，我认为这是因为它只适用于每个div只有一个部分的情况，但实际上有多个部分，但只有白色/黑色和符号/字母是重要的，其他部分应该是重要的ignored@vesperknight这也不是问题，只需使用

part*=“white”

。我更新了小提琴，请看这里的解释：谢谢你的尝试。。我将把您的答案标记为正确，因为我可以看到您的解决方案是有效的，但是它不适用于我的用例。。可能是因为零件嵌套在#阴影根中？这是针对这个组件的：您的语法对它没有影响，但是

chess board:：part（white）{background color:#829982；}

确实有效我用一个完全有效的方法再次更新了我的问题demo@vesperknight但是你的演示中没有任何符号。你到底想达到什么目的？是的，我现在明白了，阴影部分的样式是不同的：