=""="-"=""aria-="true"="radio__inputis-checked"//省略里面的内容/spanspanclass="radio__label"备选项1/span/labellabelrole="radio"spanclass="radio__input"//省略里面的内容/spanspanclass="radio__label"备选项3/span/labellabelrole="radio"spanclass="radio__input"//省略里面的内容/spanspanclass="radio__label"备选项3/span/label/div
如上html结构,现在想用css选择器实现选中当前被checked项中的文本span标签,即上面备选项1、备选项2、备选项3对应3个span
当前被checked的项会在给当前lable标签添加一个aria-checked="true"属性,所以我现在可以通过label[aria-checked="true"]选中被checked的lable
需要选中的span是lable的第二个子元素,用nth-child(n)不行,nth-child(n)是选择属于其父元素的第n个子元素的每个标签元素
直接通过span[class="radio__label"]试了也不能选中所有span
通过jsdocument.getElementsByClassName("el-radio__label")倒是可以选中所有的span标签,css选择器如何实现呢?
客串前端,名次或术语用的不对的还请各位见谅!