html css 怎么实现点击时改变类名或者css style样式，不借助javascript的情况下

HTML 和 CSS 可以通过CSS的伪类 `:hover` 或者 `:active` 实现点击时元素状态的变化，而不需要JavaScript。以下是基本的实现方法：

1. **`:hover` 伪类** - 当鼠标悬停在元素上时应用样式。例如，如果你想在用户点击按钮时背景颜色变化，可以这样做：

<button class="btn">点击我</button>

<style>
.btn:hover {
  background-color: lightblue;
}
</style>

在这个例子中，当鼠标悬浮在按钮上时，背景颜色会变为浅蓝色。

2. **`:active` 伪类** - 当元素正在被激活时（如鼠标按下并保持）应用样式。例如，创建一个按下的效果：

<button class="btn">点击我</button>

<style>
.btn:active {
  background-color: darkblue;
  transform: scale(0.98); /* 可选动画效果 */
}
</style>

点击按钮时，背景色会变为深蓝色，并可能出现轻微的缩放效果（这里用了CSS动画）。

然而，如果需要更复杂的交互或动态效果，JavaScript通常是更好的选择。上述方法仅适用于简单的静态切换。