时间戳

首页 > 解决方案 > 在 CSS 中添加 CSS 类 OnHover

html - 在 CSS 中添加 CSS 类 OnHover

问题描述

当我将鼠标悬停在 HTML 元素上时，我希望该元素继承预先编写的 CSS 类的属性。

有没有办法在没有 Javascript 的情况下完成这项任务？

标签： htmlcsshover

解决方案

为一个项目编写一个悬停类，它的作用与您描述的完全相同。

.box{
  height: 60px;
  width: 60px;
  border: 1px solid black;
  margin: 20px;
}

.box1:hover, .box2{
  background-color: red;
}
<div class="box box1"></div>
<div class="box box2"></div>

更简单地说：

.box{
  height: 60px;
  width: 60px;
  border: 1px solid black;
  margin: 20px;
}

.box:hover{
  background-color: red;
}
 <div class="box"></div>

推荐阅读