## 基本原理
CSS3 选中变色是通过改变元素的选中状态来实现的。在 CSS 中，元素的选中状态可以通过 `background-color`、`border-color`、`color` 和 `padding` 等属性来控制。其中，`background-color` 属性用于设置背景颜色，而 `border-color` 和 `color` 属性用于设置边框和内边的颜色，`padding` 属性用于设置内边距和边框的宽度。
当某个元素被选中时，它的 `background-color` 会被设置为选中状态的颜色，而其他属性都不会被影响。相反，当元素没有被选中时，它的所有属性都会被设置为默认值。
## 应用
CSS3 选中变色可以用于许多不同的应用，例如：
1. 按钮和表单：当用户单击按钮或填写表单时，元素的 `background-color` 会发生改变，以显示不同的状态。
2. 滚动条：当滚动到某个位置时，元素的 `background-color` 会发生改变，以显示不同的状态。
3. 表单验证：通过在表单元素中添加 `input[type=”radio”]` 和 `input[type=”checkbox”]` 类，可以实现选中变色的效果，以显示不同的 radio 和checkbox 选项。
4. 滚动轮播：当滚动到某个位置时，元素的 `background-color` 会发生改变，以显示不同的滚动轮播效果。
5. 滚动标签：当滚动到某个位置时，元素的 `background-color` 会发生改变，以显示不同的滚动标签效果。
## 总结
CSS3 选中变色是 CSS 中一个重要的特性，可以让元素的选中状态发生改变，从而实现不同的交互效果。通过使用 CSS3 选中变色，可以更好地控制网页中元素的样式，使网页更具可读性和美观性。