Comment sélectionner tous les enfants dans le css?

Permet de dire que j'ai un wrapper pour certains gros élément de l'INTERFACE utilisateur avec class="wrapper".

Le HTML serait comme:

<div class="wrapper">
   /a lot of other elements
</div>

Maintenant, j'ai besoin de sélectionner chacun des éléments et je vais faire comme ceci:

.wrapper > .first_element_class{}
.wrapper > .second_element_class{}
...

Est-il un moyen pour sélectionner tous les wrappers des enfants avec une ligne? Quelque chose comme ceci:

.wrapper{
   .first_class{}
   ...
}
  • Votre "quelque Chose comme cela" ne ressemble pas à un one-liner pour moi.
InformationsquelleAutor Kārlis Janisels | 2017-03-27
  1. 7

    vous pouvez utiliser le sélecteur universel * si vous ne savez pas quel élément/classe vous aurez

    Quelque chose comme ceci:

    CSS:

    .wrapper>* {
  color: red
}

    HTML:

    <div class="wrapper">
  <div class="test">this is red</div>
  <span>this is red</span>
  <section>this is red</section>
</div>

    • Comment au sujet de tous les descendants?
    InformationsquelleAutor dippas
  2. 3

    Vous pouvez utiliser l'espace blanc pour correspondre à tous les descendants d'un élément.

    .wrapper * {
  color: black;
}

    https://www.w3.org/TR/CSS21/selector.html#descendant-selectors

    InformationsquelleAutor Seth