css: zeige div, wenn ein anderes div schwebt

8

Ich habe zwei divs. Div A und Div B. Wenn Div A schwebt, dann brauche ich Show Div B. Kann das nur mit reinem CSS erreicht werden? Oder wenn ich es in der Abfrage mache, wie gehe ich mit dieser Basis unter der Annahme, dass wir ID für diese 2 divs nicht verwenden können.

Danke

    
nuttynibbles 23.04.2011, 18:40
quelle

3 Antworten

31

Angenommen, die zwei div s sind in einem div enthalten:

Ссылка

%Vor%

Der :first-child suffix ist, um diese Einschränkung zu umgehen, die Sie festlegen:

  

basiert auf der Annahme, dass wir es nicht können   Verwenden Sie die ID für diese 2 Divs

Wenn der zweite div sichtbar bleiben soll, wenn Sie den Mauszeiger darüber bewegen, versuchen Sie Folgendes:

Ссылка

%Vor%     
thirtydot 23.04.2011, 18:46
quelle
6

Bitte beachten Sie, dass ich in diesen Beispielen das Element id s verwendet habe, um zu ermitteln, welche spezifischen Elemente verwendet werden. Anstelle von id s könnten Sie fast jeden anderen CSS-Selektor verwenden, wichtig sind die Beziehungen zwischen den ausgewählten Elementen; Im ersten Beispiel habe ich den Selektor für benachbarte Geschwister und im letzteren Beispiel verwendet Der Selektor für Nachkommen .

Wenn Sie Ihr Markup veröffentlichen und mich mit einem Kommentar benachrichtigen, werde ich versuchen, die Selektoren so zu überarbeiten, dass sie mit dem übereinstimmen, mit dem Sie arbeiten. Ansonsten ist dies nur eine allgemeine Vermutung. Und sie sind nicht immer so nützlich ...

Das heißt, die Antworten erscheinen unten:

Wenn Sie eine super-einfache Mark-up haben, dann kann diese über CSS:

erreicht werden %Vor%

JS Fiddle-Demo . Oder:

%Vor%

JS Fiddle-Demo .

    
David Thomas 23.04.2011 18:42
quelle
1

Wenn Sie einen Container zu div A und div B hinzufügen, können Sie dies auf folgende Weise tun:

%Vor%

Ссылка

    
Roy Shoa 17.12.2014 12:05
quelle

Tags und Links