XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   List hover (verschachtelt) (http://xhtmlforum.de/showthread.php?t=73889)

hatschiii 05.08.2019 22:06

List hover (verschachtelt)
 
Ich bin absoluter Neuling in CSS... bastel jetzt seit 2h und komme nicht weiter.

Ich habe folgendes Menü mit Untermenü
  • A
    • 1
    • 2
  • B
    • 3
    • 4

Wenn ich mit der Maus drüber fahre soll sich die Textfarbe ändern. Das geht mit hover und dem Farbcode auch sehr gut. Allerdings änders sich, wenn ich über A fahre nicht nur A, sondern auch 1 und 2. Es soll sich ab nur A ändern... also immer nur die Zeile, in der ich mich befinde, nicht die child Zeilen.

Habe 1000 Tips gefunden aber die Grundstrucktur kann ich icht ändern da dieser über ein Widget in Wordpress gesteuert wird und die Änderungen bei einem Update verloren gehen würden. So sieht der Sourcecode aus:

Code:

<ul>
    <li class="cat-item cat-item-4">
            <div class="avhec-widget-line">A</div>
        <ul class="children">
            <li class="cat-item cat-item-5">
                <div class="avhec-widget-line">1</div>
            </li>
            <li class="cat-item cat-item-13">
                <div class="avhec-widget-line">2</div>
            </li>
        </ul>
    </li>

    <li class="cat-item cat-item-6">
            <div class="avhec-widget-line">B</div>
        <ul class="children">
            <li class="cat-item cat-item-7">
                <div class="avhec-widget-line">3</div>
            </li>
            <li class="cat-item cat-item-10">
                <div class="avhec-widget-line">4</div>
            </li>
        </ul>
    </li>
</ul>

Was muss ich also in die .css Dazei eitragen damit bei dem Code das Ganze funktioniert?

Danke schonmal für Eure Hilfe :)

cloned 06.08.2019 09:41

Indem du die Farben für "children" wieder zurücksetzt:

Code:

.cat-item {
color: green;
}

.children .cat-item {
color: pink;
}


hatschiii 06.08.2019 12:53

Zitat:

Zitat von cloned (Beitrag 553817)
Indem du die Farben für "children" wieder zurücksetzt:

...so einfach wenn man sich auskennt :) 1000 Dank!!


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:56 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019