css点击按钮颜色改变

CSS点击按钮颜色改变：

使用CSS可以轻松地实现在点击按钮时改变另一个元素的颜色。下面是一个简单的示例：

/* 鼠标移上去时按钮的颜色 */
.btn:hover {
  background-color: #555;
}
/* 点击按钮后需要改变颜色的元素 */
.target {
  background-color: #fff;
}
/* 按钮被点击时改变目标元素的颜色 */
.btn:active + .target {
  background-color: #f00;
}
 

上面的代码有三部分：

• .btn:hover 指定鼠标移动到按钮上时变化的颜色。
• .target 指定需要改变颜色的元素。
• .btn:active + .target 指定按钮被点击时需要改变颜色的元素。

这种技术被称为“邻接选择器”，它使用 CSS 中的加号符号来选择两个相邻的元素。

现在你可以在自己的网站上使用这个技术，在按钮被点击时改变其他元素的颜色。