如何使用css后跟元素悬停效果？

Question

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

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

但这不起作用。

Answer 1

查看下面的演示。我认为你缺少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>