在stylus中，鼠标移入X元素，怎么让X元素里面的伪元素after显示出来？亦或者css怎么写？还是说这种方法不支持。

Question

在项目中遇到一个样式问题,举个栗子：鼠标移入X元素，怎么让X元素里面的伪元素after显示出来？还是说这种方法不支持。

Answer 1

CSS

.box
    width: 300px
    height: 200px
    background-color: #ccc
    &::after
      content:'我是伪元素'
      display: none
    &:hover::after
      display: block

html结构就是一个.box的盒子

Answer 2

:hover:after ？

Answer 3

x:hover:after{
content:'123123';
color:red;
}