js和css控制鼠标略过和点击后的样式

要控制鼠标悬停和点击后的样式，可以使用CSS中的:hover和:active伪类。例如，要在鼠标悬停在一个链接上时改变其颜色，可以使用以下CSS代码：

a:hover {
  color: red;
}

要在链接被点击时改变其颜色，可以使用以下CSS代码：

a:active {
  color: blue;
}

在JavaScript中，你可以使用onmouseover和onclick事件来实现类似的效果。例如，以下代码将在鼠标指针悬停在一个元素上时改变其背景色：

document.getElementById("myElement").onmouseover = function() {
  this.style.backgroundColor = "yellow";
}

以下代码将在单击一个按钮时显示一个警报框：

document.getElementById("myButton").onclick = function() {
  alert("Button clicked!");
}