Question

css3 伪属性:checked 怎么调试

Answer 1

首先，此类伪选择器只针对与 表单元素的单选（radio）多选（checkbox）起作用。
调试方法：
1 在页面中打开开发者工具（本例以chrome浏览器为例）,
2.选则选中的checkbox货radio.
3.在右侧的style面板中点击new Style rule 输入
input[type="checkbox"]:checked {
margin: 30px;
}
即可以看到效果。
4.勾掉选中状态则margin的效果消失。