0

:hover疑似クラスの前ではなく後にセレクターがある理由を理解しようとしています。これはどのように、そしてなぜ機能するのですか？

これは機能します

div li:hover > ul 
{
display: block;
}

なぜこれがうまくいかないのですか？

div li > ul:hover
{
display: block;
}

セレクターまたはセレクターをその後に配置する理由を理解しようとして、多くの検索を行いました( :hover pseudo class); それがどのようにそれをターゲットにしているかの詳細ですが、それに関する情報を見つけることができないようです. よろしくお願いします！

4

1 に答える 1

6

あなたのセレクターは論理的に異なります。

li:hover > ululhovered の内部に一致しliます。

li > ul:hoverulは、任意の内部でホバリングされた a に一致しますli。

あなたulの はおそらくデフォルトで非表示になっているため、li > ul:hover何にも一致しません。
対照的に、はホバリングされるとすぐにli:hover > ulまだ隠れているものと一致し、それを表示します。ulli

于 2013-10-16T18:07:50.363 に答える