Sélectionnez tous les éléments enfants de manière récursive en CSS

Comment pouvez-vous sélectionner tous les éléments enfants de manière récursive?

div.dropdown, div.dropdown > * {
    color: red;
}

Cette classe ne lance un cours sur la définition d'un nom de classe et tous les enfants immédiats. Comment pouvez-vous, d'une manière simple, choisissez tous les childNodes comme ceci:

div.dropdown, 
div.dropdown > *, 
div.dropdown > * > *, 
div.dropdown > * > * > *, 
div.dropdown > * > * > * > * {
    color: red;
}
InformationsquelleAutor clarkk | 2011-02-05
  1. 548

    Utiliser un espace blanc pour correspondre à tous les descendants d'un élément:

    div.dropdown * {
    color: red;
}

    x y correspond à chaque élément y qui est à l'intérieur de x, cependant profondément imbriqués qu'il peut être - enfants, petits-enfants et ainsi de suite.

    L'astérisque * correspond à tout élément.

    Spécification Officielle: CSS 2.1: Chapitre 5.5: Descendant des Sélecteurs

    • il fonctionne, mais maintenant, il se substitue à toutes les autres classes, même si elles ont une priorité plus élevée.. (elles sont placées dans le fichier css)
    • Le sélecteur de joue également un rôle dans la priorité que les propriétés ont, pas seulement là où dans le fichier qu'ils apparaissent. Vous pourriez essayer d'ajouter ` !important " à vos valeurs, par exemple color: red !important;
    • Je sais, c'est un peu moche. Vous pourriez essayer d'écrire plus précise, les sélecteurs, les chances sont, ce serait trop de travail. (par exemple,#head ul → #head ul#navi)
    • Je ne pense pas que je l'obtenir 🙂 pourrais-tu nous faire un meilleur exemple?
    • Bon, très à l'exemple de base: p.xy est plus important que p, parce que c'est le genre de plus en plus spécifiques. jsfiddle.net/ftJVX
    • que faire si je veux que tous les enfants qui avaient une classe spécifique?
    • Comment utiliser l'état de pointage pour ces éléments " div.liste déroulante *:hover " ne fonctionne pas
    • essayez ceci: p .childWithClass. Jithin Jose sont tous * sélecteur d'éléments, les mêmes éléments? si oui, essayez de la div.déroulant élément:hover. voir allcssselectors.com

    InformationsquelleAutor anroesti
  2. 124

    La règle est la suivante : 

    A B

    B en tant que descendant d'Une

    A > B

    B comme un enfant d'Un

    Donc 

    div.dropdown *

    et pas 

    div.dropdown > *
    InformationsquelleAutor Abdennour TOUMI