css - ：afterと：hoverの両方を使用する

Question

:after疑似を使用してのみ表示することは可能:hoverですか？たとえば、代替要素を使用します。

#parent{}
#child{display:none;}
#parent:hover >#child{display:block;}

私が同じ方法で得た限り：

#parent{}
#parent:after{content:'hi';display:none;}
#parent:hover  #parent:after{display:block;}

それは可能ですか？それとも私は自分をだましていますか？

score 7 · Accepted Answer

2つを組み合わせることができます：

#parent:hover:after {
    content:'hi';
}

score 5 · Accepted Answer

はい。自分で試していない理由はわかりませんが、可能です。

#parent:hover:after{content:'hi';}

score 4 · Accepted Answer

はい、もちろんできます：

<a href="#">Demo</a>

a:hover:after {
    content: 'blah';
}

3 に答える 3