如何隐藏：之后，当悬停在父元素上时？

Question

我有一个div #header，它有一个不透明的渐变。这个div有一个:after，这是另一个不透明的渐变，给div一个3d外观。将鼠标悬停在#header上时，我想隐藏:after是否可以使用CSS执行此操作，还是需要JS？

Answer 1

你可以这样做：

#header:hover:after {
   display: none;
}