CSS3选择器的使用,敲代码最重要的是不断的练习

#代码##html+css##在头条记录我的2025#

有如下的例题,我们可以先从简单的开始

将题目上面的代码运行起来,则效果如下图

选中性别效果如下

那么我们要写style里面的代码

:checked是被选中状态的标签

标签1+标签2是指所有紧跟标签1的第一个标签2


以上代码,绑定了题目中的被选中的两个span标签

ctrl+s保存,运行选中效果如下


> 父子选择符

+ 兄弟选择符(紧跟着的第一个兄弟)

∽ 兄弟选择符(后面所有平级的兄弟)