zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden List hover (verschachtelt)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.08.2019, 21:06
sven34523
neuer user
Thread-Ersteller
 
Registriert seit: 18.12.2007
Beiträge: 20
hatschiii befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.08.2019, 08:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.004
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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

Code:
.cat-item {
color: green;
}

.children .cat-item {
color: pink;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.08.2019, 11:53
sven34523
neuer user
Thread-Ersteller
 
Registriert seit: 18.12.2007
Beiträge: 20
hatschiii befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
Indem du die Farben für "children" wieder zurücksetzt:
...so einfach wenn man sich auskennt 1000 Dank!!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 19:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:25 Uhr.