0

ページbiztone.coの左側のサイドバーで、メインのdiv（#sidebar .recent-post-thumb li）がホバリングしました。div（.item .details .post-meta）がホバーされたボックスの下のボックスに表示されることを除いて、私はそれをある程度機能させました。

これが私がそれを機能させるために追加したcssスクリプトです。しかし、ホバーされているボックスではなく、下のボックスに表示されている理由を理解するのに助けが必要です。

.item .details .post-meta { display:none; }
sidebar .recent-post-thumb li:first-child:hover + .item .details .post-meta {
display:block; }
sidebar .recent-post-thumb li:hover + .item .details .post-meta {
display:block; }

どんな助けでも大歓迎で、私に何か新しいことを教えてくれます。

4

2 に答える 2

2

#sidebar .popular-post-thumb li:hover .post-meta次のdom要素に移動する代わりにセレクターに必要なものです+

sidebar .recent-post-thumb li:hover + .item .details .post-metaに変更
#sidebar .popular-post-thumb li:hover .post-meta

于 2013-02-01T00:15:45.457 に答える
1

+それは記号のためです：それは次の要素を対象としています。

それを削除すると.post-meta、現在ホバーされているli内の要素がターゲットになります。

于 2013-02-01T00:16:44.190 に答える