在CSS中，`:checked` 是一个伪类选择器，它允许开发者选择那些处于选中状态的表单元素。这种选择器通常用于HTML中的单选按钮（radio buttons）和复选框（checkboxes）。当一个单选按钮或复选框被选中时，即用户已经对其进行了交互并使其处于激活状态，`:checked` 伪类可以针对这些元素应用样式。
例如，假设你有一个HTML表单，里面包含几个复选框，你想要在用户选中复选框时改变它的外观，你可以使用`:checked`伪类来实现这个效果：
然后在CSS中，你可以这样写：
/* 未被选中的复选框样式 */
input[type="checkbox"] {
background-color: #f0f0f0;
border: 1px solid #ddd;
}
/* 被选中的复选框样式 */
input[type="checkbox"]:checked {
background-color: #4caf50;
border-color: #4caf50;
}
在上述示例中，所有未被选中的复选框将有一个默认背景颜色和边框。而一旦复选框被选中，`:checked`伪类将匹配该元素，并应用后面定义的样式，从而改变复选框的背景颜色和边框颜色。
值得注意的是，`:checked`伪类不仅可以应用在CSS中，还可以在JavaScript中通过DOM操作使用，来判断或操作元素的选中状态。
此外，`:checked`伪类可以和其他伪类组合使用，比如`:hover`，以创建更复杂的交互效果：
input[type="checkbox"]:checked:hover {
background-color: #66bb6a;
}
在上述例子中，如果用户悬停在已选中的复选框上，背景颜色会再次改变，从而提供了一种直观的用户交互体验。
总的来说，CSS中的`:checked`伪类是一个强大的工具，用于在不依赖JavaScript的情况下，为表单元素提供动态的、响应式的样式。这对于创建更加丰富和吸引人的用户界面来说至关重要。