css当点击的时候样式改变

CSS样式是网页设计中非常重要的一部分，而当我们点击某些页面元素时，有时需要让其样式发生改变。这就需要使用CSS选择器，来指定元素在被点击时应该应用哪些样式。

例如，当我们点击一个按钮时，可以使用CSS为其添加一个“active”类，并指定它的样式：

button.active {
  background-color: #FF0000;
  color: #FFFFFF;
}

这样，当按钮被点击时，会自动应用这些样式。同样的，我们也可以为其他元素（如链接、复选框等）添加类似的样式。

另一种常见的使用情况是，在导航栏中标记当前页面。这可以通过为当前链接添加一个“active”类来实现，例如：

a.active {
  color: #FF0000;
  font-weight: bold;
}

代码中的a标签是指链接元素，当它被点击时应用这些样式。可以将这些代码添加到我们的CSS文件中，或是内联到HTML页面中。

总之，使用CSS在点击时改变样式是一个方便且常用的技巧，可以为我们的网页设计提供更多的交互性和可用性。