：Checked是一个伪类选择器，用于设置单选、复选框或选项元素的选中状态的样式：

1:checked {
2  background-color: hotpink;
3}
4
5/* Only style checked checkboxes */
6input[type="checkbox"]:checked {
7  padding-left: 1em;
8}

显式设置未选中元素样式

您可以使用：Not伪类和：Checked来显式设置未选中元素的样式。如果您不希望看到某些样式应用于选中状态，则此选项非常有用：

1input:not(:checked) {
2  opacity: 0.6;
3}

浏览器支持

[我可以使用css-sel3吗？](从caniuse.com获取有关css-sel3功能在主要浏览器中的支持情况的http://caniuse.com/# feat=css-sel3)数据。