CSS:checked伪类选择器

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

:checked {
  background-color: hotpink;
}

/* Only style checked checkboxes */
input[type="checkbox"]:checked {
  padding-left: 1em;
}

显式样式化未检查元素

您可以使用带有 :checked 的 :not 伪类来显式样式化未检查的元素。 如果您不希望将某些样式应用于选中状态，这将很有用：

input:not(:checked) {
  opacity: 0.6;
}

浏览器支持

我可以使用 css-sel3 吗？ 来自 caniuse.com 的主流浏览器支持 css-sel3 功能的数据。