麻烦老师解答 谢谢
来源：3-28 选择练习
夜的解忧铺
2021-06-16 23:17:57
input:checked+span{
color: pink;
}
<div>
<input type="checkbox" name="2"/><span>文字</span>
<input type="checkbox" name="2" /><span>文字</span>
<input type="checkbox" name="2"/><span>文字</span>
<input type="checkbox" name="2"/><span>文字</span>
<input type="checkbox" name="2"/><span>文字</span>
<input type="checkbox" name="2" /><span>文字</span>
</div>
:checked 不是默认选中的状态吗 为什么网页没有默认选中
<input type="checkbox" name="2" checked/><span>文字</span>
是没有在结构上添加checked 吗 才有了勾选之后才会有效果的体现
1回答
-
好帮手慕久久
2021-06-17
同学你好，解答如下：
1、input:checked是选择器，它不会让input变成选中状态，含义是：选择状态是checked的input。
2、input默认情况下都是未选中状态，所以页面打开后，input中的span的字体并不是粉色的。而手动勾选input后，才会把input选中，此时才会被input:checked这个选择器选中，span中的字体会变成粉色。
需要在html结构上添加checked属性来让input变成选中状态，如下：
祝学习愉快！
0
相似问题