Discussion :

[supertino7]

Bonjour

ma question est simple, et je la pose ici car je n'ai finalement jamais trouvé la réponse à cette interrogation, dans aucune doc.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div id="foo">
    <ul class="bar">
        <li class="bar">Nimporte quoi</li>
    </ul>
    <p class="bar"></p>
    <div class="bar"></div>
</div>

Comment puis-je faire pour selectionner les {UL, P et DIV} uniquement contenu dans la DIV #foo ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
div#foo ul, div#foo p, div#foo div {
 ...
}

Y a t-il moyen d'utiliser les virgules ? si oui comment ?

Merci pour les reponses.

[michel.bosseaux]

Ta syntaxe doit fonctionner normalement, quel est ton problème ?

[supertino7]

Ta syntaxe doit fonctionner normalement, quel est ton problème ?

Eh bien, je me demandais simplement s'il n'y avait pas une manière plus rapide de le faire, car si j'ai plein d'élement de toute sorte dans le conteneur #foo, je trouve ça fastidieux de devoir saisir à chaque fois #foo element, #foo element, etc...

[michel.bosseaux]

essaye #foo *

Le sélecteur * est le sélecteur universel, s'appliquant à tout élément. Il devrait fonctionner dans ce cas là.

[Jérémie A.]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
div#foo ul,p,div 
{
       .....
}

Tu définis le parent suivi de tout ses enfants, chaque enfant étant séparé par la "," (et)

essaye #foo *
Le sélecteur * est le sélecteur universel, s'appliquant à tout élément. Il devrait fonctionner dans ce cas là.

Pas top parce que justement, en tant que sélecteur universel, il ne va pas se limiter aux enfants, mais également aux petits-enfants,... On a plus la possibilité de contrôler et cibler précisément les sélecteurs concernés par les styles que l'on va appliquer.

[HiRoN]

Pas top parce que justement, en tant que sélecteur universel, il ne va pas se limiter aux enfants, mais également aux petits-enfants,... On a plus la possibilité de contrôler et cibler précisément les sélecteurs concernés par les styles que l'on va appliquer.

+1... Le sélecteur * est à éviter autant que possible...

[supertino7]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
div#foo ul,p,div 
{
       .....
}

Tu définis le parent suivi de tout ses enfants, chaque enfant étant séparé par la "," (et)

Merci, j'avais déjà tenté de cette manière.

Mais ça ne marche pas

En fait il te selectionne bien le div#foo ul, mais ensuite il te prends tous les p et les div de la page, sans tenir compte du div#foo...

[bastou]

Bonjour,
malgré la date de la dernière réponse et suite à la lecture des réponses, je pense avoir une autre alternative:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
div#foo > *{
...}

Cela va sélectionner tous les enfants direct et non les sous-enfants grâce au chevron fermant. Mais il est vrai qu'il faut faire attention au sélecteur universel qui peut nous jouer de mauvais tour.

Pour apprendre lisez ces tutoriels et cours de formation CSS : http://css.developpez.com/cours/