是否可以显示：block; ：当我将鼠标悬停在父元素本身之后的伪元素之后？
#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;
}
但没有运气,这是一个fiddle.
解决方法
将其更改为#myDiv：hover :: after
您可以使用：after或:: after但在选择器模块(3)中它指出后者现在用于将它们与伪类区分开来
