Problemfall 2 Selektoren

Status
Dieses Thema wurde gelöst! Zur Lösung gehen…

jemand anders

Erfahrenes Mitglied
Hallo,

hat jemand eine Idee, wie ich .div2 auf Grün setze, wenn .div1 Blau ist? Falls das überhaupt geht.

Danke!!

HTML:
<html>

  <head>
    <title>Test</title>
    <style>
      div {
        height: 50px;
        width: 50px;
        display: inline-block;
        background-color: red
      }

      .div1.blue {
        background-color: blue
      }
 
      .div1.blue + .div2.green {
        background-color: green
      }

    </style>
  </head>

  <body>
    <div> </div>
    <div class="div1 blue"> </div>
    <div class="div2 green"> </div>
    <div class="div2 green"> </div>
    <div class="div2 green"> </div>
  </body>
</html>
 
Zuletzt bearbeitet:

jemand anders

Erfahrenes Mitglied
Das hatte ich bisher anders verstanden, nämlich hierarchisch direkt folgend.
Auch wenn es bei einem Element klappt, gilt das nicht für n Geschwisterelemente. Mein Beispiel war in diesem Punkt ungenau, weil ich so etwas nicht erwartet habe. Ich habe das Beispiel noch mal geändert.
 
Status
Dieses Thema wurde gelöst! Zur Lösung gehen…