如何在带有 css 的元素上使用悬停效果?

阿杰·马尔霍特拉

这是我的代码,我想在元素后显示悬停效果。

 #car:after:hover{background:red:}

但这不起作用。

迪帕克·亚达夫

看看下面的这个演示。我认为你缺少content财产。

Red div使用创建:after和改变其上悬停颜色。

selector:after:hover将无法正常工作。

.car {
  position: relative;
  width: 100px;
  height: 100px;
  background: yellow;
}

.car:hover {
  background: skyblue;
}

.car:after {
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: green;
}

.car:hover:after {
  background: red;
}
<div class="car"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在CSS上禁用悬停效果?

如何使用纯JavaScript在元素上触发悬停效果?

如何使用CSS删除悬停效果

如何防止CSS悬停效果在您使用鼠标到达元素之前执行?

如何在css中隐藏带有滑动效果的li

如何将悬停效果添加到使用悬停嵌套到元素的元素上?

如何仅使用css或css + jquery构建悬停效果

如何使用css / Extjs将元素悬停在另一个元素上

如何在悬停元素上减速CSS动画而不会跳转?

如何在悬停 css 上应用多个元素

如何在CSS的所有元素上导航增强效果?

如何使用css将悬停效果添加到按钮

如何使用CSS在HTML表格中创建悬停效果?

悬停在任何元素上时,如何使用CSS3选择器选择所有同级元素?

如何将悬停效果应用于具有相同 css 类的其他元素?

在CSS按钮上的悬停效果

如何在div上添加图像而不丢失CSS悬停效果中的先前内容

如何在鼠标悬停时在 CSS 背景图像上创建缩小效果?

如何使用CSS将鼠标悬停在整个列表元素(包括项目符号)上?

使用纯CSS在悬停效果上闪烁的文本

CSS:如何在悬停时从背景图像中删除带有过渡的色调?

当一个元素悬停并影响CSS中的另一个元素/类时,如何添加悬停效果?

HTML/CSS 对齐带有悬停效果的网格中的图像

CSS悬停带有“ a”

使用关键帧悬停在其他元素上时,使SVG元素具有动画效果

如何在不使用CSS页面的情况下在HTML中创建悬停效果

使用 CSS,当用户将鼠标悬停在元素上时,如何为元素添加圆角灰色背景

使用纯CSS的悬停效果

使用CSS悬停效果闪烁