13

display:block;親要素自体にカーソルを合わせると、:after疑似要素にアクセスできますか？

#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;
}

まだ運がない、ここにフィドルがあります。

4

2 に答える 2

46

に変更します#myDiv:hover::after

どちらかを使用できます:afterが::after、セレクタモジュール（3）では、後者を疑似クラスと区別するために使用することを目的としていると記載されています。

于 2013-03-18T23:25:18.427 に答える
6

同じ要素を参照しようとしているので、IDセレクターを複製する必要はありません。子セレクターも使用する必要はありません。次を使用するだけです。

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

jsFiddleデモ

于 2013-03-18T23:25:04.227 に答える