我想实现的是效果是，单选框选中之后修改的样式比较多，不在radio的基础上修改，而是把radio直接隐藏，给 radio 绑定一个 label ，所有的样式都通过label 展示，但是获取选中的 radio 之后，可以自定义修改选中的radio的样式，但是操作修改与radio对应的 label 的样式。 radio 选中的样式是通过添加 .wx-radio-input-checked 类名修改样式，原本想通过 wx-radio-input-checked ~ label 修改label的样式，但是无法获取选中的radio对应的 label 去修改样式。以下是部分代码 <radio class="third"> <label class="mylabel">third</label> </radio> 在小程序中 .third { .wx-radio-wrapper { & >.wx-radio-input { background-color: #f33; &.wx-radio-input-checked { background-color: #555; &::before { color: #0ff; } } } /* 可以生效*/ .mylabel { color: #aaa; }  /* 不可以生效 & > .mylabel { color: #aaa; }  */ } } 在浏览器中 .uni-radio-wrapper { /* 可以生效*/ & > .mylabel { color: #aaa; }  } 这是浏览器中查看到的dom， [图片] 在浏览器中 uni-label 是 .uni-radio-wrapper 子节点，但在小程序中，.uni-radio-wrapper > .mylabel 无法修改， .uni-radio-wrapper .mylabel 可以修改，即 uni-label 是 .uni-radio-wrapper 后代但不是直接子节点。我也不知道又什么方法可以查看小程序渲染的真是dom。