1

私は以前にこの解決策を見つけました。

.hiding {
    display: none;
}

.trigger:hover + .hiding {
    display:table-row;
}

テーブル行を非表示にしてから、別のテーブル行にカーソルを合わせると表示されます (クラス トリガー)。

hiding質問: クラスが自分自身の上に乗ったときにも表示するようにしたいと思います。display:none現在、クラスの上にカーソルを置いていないときに戻りますtrigger。

4

3 に答える 3

2

+隣接する要素セレクターを使用しています。.hidingクラス.testなどの別の要素内に要素をラップし、セレクターを次のように変更することをお勧めします

.test .hiding {
    display: none;
}

.test:hover .hiding {
   display: table-row;
}

.trigger:hover + .test .hiding {
    display:table-row;
}

したがって、ここで行っているのは.test、この場合は isの内部にネストされた要素を非表示.hidingにし、2 番目のセレクターを使用して、要素がホバーされているとき(存在するため、そのままでは空):hoverを明らかにすることです。少なくとも3 番目の宣言の後に追加します。.hiding.test.hidingdisplay: none;.test+.hiding.trigger.test.trigger

于 2013-05-29T12:37:26.153 に答える