Bessere Lösung für die wechselnden Kinder Farbe auf die Eltern schweben

Ist es sehr besser eine Zeile crossbrowser Lösung, um Kinder ändern die Textfarbe per css?

Brauchen, um allen text in rot auf hover div

html:

<div><span class="gray">I'm a lion!</span><span>Arrrrr!!!</span></div>


css:

div {color:black};
.gray {color:gray;}
div:hover {color:red;}


Ich dachte nur das

div:hover, div:hover .gray {color:red;}
InformationsquelleAutor Shara | 2011-08-21
  1. 21

    Ihre eigenen...

    div:hover, div:hover .gray {color:red;}

    ...ist wie eine gute Lösung, da jede, wirklich. Wenn Sie möchten, um mit anderen Klassen/Elemente, die Sie verwenden können, ein Stern;

    div:hover, div:hover * { color:red; }

    demo auf http://jsfiddle.net/h5BaU/

    • ja, es ist eine gute Möglichkeit, xec, aber simliest? /meine Stimme
    • Das ist ziemlich einfach. Ja, ich würde sagen, das ist die einfachste Lösung. Es ist nicht möglich zu entsprechen, die sowohl ein element und seine Kinder in der gleichen Auswahl (z.B. div:hover && *) so div:hover, div:hover * ist sowohl semantische und einfach. Geben Sie dem Mann das akzeptieren!
    InformationsquelleAutor xec
Schreibe einen Kommentar