45 votes

css all divs vs direct child divs

J'ai cette structure :

 <div class="Root">
    <div>ddddddd</div>
    <div>
        <div>pppppppppp</div>
        <div>pppppppppp</div>
    </div>
    <div>ddddddd</div>
<div>

Je veux mettre des bordures sur les div s qui contiennent ddddddd , et je veux définir la couleur du texte sur tous les div s sur le vert.

Il y a deux règles :

  1. Je ne peux pas ajouter d'attributs class
  2. Je dois écrire des sélecteurs qui commencent par .Root .

Des idées?

101voto

Naor Points 5469

En fait je cherchais ça :

Sélectionne les div qui sont des enfants directs de Root :

 .Root > div {
    border: 1px solid red;
}

Sélectionne tous les div sous Root :

 .Root div {
    color:green;
}

10voto

karim79 Points 178055

Quelque chose comme ça?

 .Root > :first-child, .Root > :last-child { border: 1px solid red }
.Root { color: green; }

Démo : http://jsfiddle.net/karim79/N5qFu/1/

Je vous conseillerais de passer par ceci : http://www.w3.org/TR/css3-selectors/

-3voto

422 Points 2480
.racine {
 bordure : 1 px vert solide ;
 }

Pourquoi ne déclarez-vous pas la classe /id pour les autres div ?

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X