Wenn ich etwas "hovere" soll sich eine andere ID ändern.

  • Wenn ich etwas mit der ID "drp" hovere soll sich die Class "nav-content" die Höhe ändern. Wie geht das?

  • Wie sieht der Code aus (HTML / CSS)?

    In welchem Verhältnis stehen #drp und .nav-content zueinander (Geschwister... Parent - Child)?

    Ohne nähere Angaben ist die Frage nicht zu beantworten.

  • Sailor

  • Ich verstehe deine Logik nicht. Was soll das sein - ein Dropdown-Menü?

    Unter welchem Menüpunkt soll das Dropdown beim hovern erscheinen?

    So wie du es aufgebaut hast und erklärst, soll beim hovern über Menüpunkt 'Formularcenter' das Dropdown unter dem Menüpunkt 'Schulprofil' auftauchen.

    Das geht so mit CSS gar nicht. Dazu müsstest du Java Script verwenden - aber ich denke, du willst das Dropdown unter dem Menüpunkt, der unter der Maus ist... oder?

  • Nein, beim Hovern von z.B .nav-content soll sich z.B. .nav-item ändern. Mehr nicht das Dropdown-Menü funktioniert ansonsten super.;)

  • Was denn nun?

    Wenn ich etwas mit der ID "drp" hovere soll sich die Class "nav-content" die Höhe ändern

    oder

    beim Hovern von z.B .nav-content soll sich z.B. .nav-item ändern

    ... ist aber auch egal... in deinem Code geht beides nicht mit CSS.


    Um ein Element mit der Klasse z.B. .nav-item durch hovern über ein Element mit der Klasse z.B. .nav-content zu verändern, muss .nav-item ein Geschwister- oder Kindelement von .nav-content sein.