Shadow DOM部件与子组合器配合失效，自定义类样式不生效求助

原因分析 #

你写的CSS选择器.my-class>ion-select::part(icon)逻辑错误：这个选择器是在寻找带有my-class类的元素的直接子元素ion-select，但实际上my-class是直接添加在ion-select标签本身上的，所以这个选择器根本匹配不到目标元素，自然无法生效。而全局选择器ion-select::part(icon)没有层级错误，能直接匹配所有ion-select的icon部件，所以可以生效。

解决办法 #

修改CSS选择器，直接针对带有my-class类的ion-select的icon部件：

.my-class::part(icon) {
    display: none !important;
}

你的HTML代码已经正确给ion-select添加了my-class类，使用上述CSS后，就能精准隐藏指定ion-select的图标，完全满足你动态添加类的需求。

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