kostenloser Webspace werbefrei: lima-city

CSS hover anderes Element auswählen

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   stobias

   stobias hat kostenlosen Webspace.

   13:03, 23.5.2018

   Hallo,
   
   Vor kurzen hab ich mal mit CSS und HTML angefangen, doch jetzt kommt schon mein erstes Problem auf wozu ich
   im Internet leider nicht viel finden kann.
   Ich versuche es dann aber mal hier:
   Also, ich habe zwei Elemente. Wenn ich jetzt z.B über Element 1 mit meiner Maus hover, dann würde ich es gerne so haben, dass sich bei Element 2 die farbe verändert. Dies hab ich versuch mit
   
   #element1:hover > #element2 {
   color: #ffffff;
   }
   
   Es funktioniert jedoch nicht. Ich hatte davor den Elementen schon eine Farbe gegeben, was sich auch erst durch hover
   zu erkennen gibt.
   Eigentlich müsste es doch überschrieben werden, wenn es weiter unten steht.
   Oder verstehe ich das einfach falsch?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. h***********r

   15:02, 23.5.2018

   Kuck mal das hier an ;)
   

   #a {
           background-color: red;
   		height: 100px;
    }
   
   #b {
           background-color: blue;
   		height: 100px;
    }
   #a:hover ~ #b{
   	background-color: green;
   }

4. timebandit

   timebandit hat kostenlosen Webspace.

   0:00, 24.5.2018

   Achtung. Bei Touchscreens funktioniert hover nicht oder nur eingeschränkt.
   Gerade wenn das Design responsive sein soll ist Javascript unentbehrlich.
   Hierfür bietet sich beispielsweise das Konstrukt

   ele.onmouseover=ele.ontouch=function(){bla bla;}

   an.
   

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?