没能理解OP你的需求,猜测是你想要在 `.btn-primary` 上修改一个CSS变量,然后让 `btn` 中使用到这个CSS变量的地方也同步应用上? 那如果说这样的话,其他的 `.btn` 元素呢?比如说下方拥有 `.btn-secondary` 的元素。是否也会被影响到。因为也有 `.btn` 的ClassName。 * * * 所以建议是直接在 `` 元素上写行内样式,比如说: Primary * * * 虽然也可以在CSS文件中使用 `.btn.btn-primary` 这样的方式来实现,但是有点没有必要。这样的话应用范围不就是只有 `.btn.btn-primary` 元素了吗。 或者说使用 [:has](https://link.segmentfault.com/?enc=BH%2FJZAl%2FPM%2FjJLnsgPHoBg%3D%3D.kUgtQB5BbTqp2Umh3jQWStHd8z4dQ%2BtOscNx3Hf8DBBqjnFZG%2BHnhSXWdPEmirbvUEUevUWiwKFb7IceRN79yA%3D%3D) 伪类选择器在 `.btn` 的父级容器中写特殊判断?也有点奇怪吧。 * * * 如果说是要点击 `.btn-primary` 元素之后修改 `.btn` 那么就是监听点击事件之后给你想要应用的容器元素上添加行内样式就好了。