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 功能的数据。