Hover ein DIV, gibt eingeschlossen DIV einen Schatten

Question

Hier ist das Setup: http://jsfiddle.net/AndyMP/rVrjY/

Was ich möchte, ist ein Schatten auf dem kleineren DIV erreichen, wenn ich den größeren DIV schweben. Ist das möglich? Kann es mit CSS gemacht werden oder ist es eine jQuery-Lösung, wenn überhaupt?

Answer 1

Ich bin mir nicht sicher, welche Art von Schatten Sie suchen, aber die Idee ist einfach: diesen Selektor verwenden und Ihre Wirkung setzt im Innern zu machen, zu arbeiten, wenn größere div schweben sind:

.one:hover .two { 
     /* put your css here */ 
     box-shadow: 2px 2px 5px #888; 
    } 

Beispiel: http://jsfiddle.net/rVrjY/1/

Answer 2

sicher, fügen Sie einfach eine Regel wie folgt aus:

.one:hover .two { 
    box-shadow: 3px 3px #f00; 
} 

Beachten Sie, dass box-shadow nicht in älteren Browsern unterstützt werden können, und der Hover-Ereignis wird nicht funktionieren in Geräten, die nicht unterstützen ... Aber hoffentlich ist dies ein Ausgangspunkt, um dich dahin zu bringen, wo du hin musst.

Answer 3

Natürlich, benutzen Sie einfach:

​.one:hover .two { 
    box-shadow: 2px 2px 5px #f90; 
}​ 

JS Fiddle demo.