显示：当通过CSS将鼠标悬停在父元素上时

是否可以

显示：块：在

伪元素之后

#myDiv{
   position:relative;
   width:50px;
   height:50px;
   border-style:solid;
   background-color:red;
}
#myDiv:after{
   position:absolute;
   content:"";
   display:none;
   width:50px;
   height:50px;
   border-style:solid;
   background-color:blue;
}

我累了：

#myDiv:hover #myDiv:after{
    display:block;
}
#myDiv:hover + #myDiv:after{
    display:block;
}
#myDiv:hover > #myDiv:after{
    display:block;
}

---

但是运气不好，这里有一个。

您试图引用相同的元素，因此不需要复制ID选择器。也无需使用子选择器，只需使用：

#myDiv:hover:after{
显示：块；
}

将其更改为

#myDiv:hover:：after

---

您可以使用

：after

或

：after

，但在选择器模块（3）中，它指出后者现在用于将它们与伪类区分开来。

规范说，使用

：

而不是

：

可以实现向后兼容性。它规定新的伪元素只能与

：

一起使用，但旧的伪元素两者都受支持。