[CSS] Nouveau probleme avec *

(Re)bonjour

Nouveaux avancements, Nouveau problemes ...

Je suis amené a creer quelques (c'est a dire beaucoup) (et en fait c'est le moteur PHP qui les creera) divs qui doivent chacun avoir leur propre ID (pour que Javascript puisse marcher correctement

ma page HTML ressemble donc a qq chose comme ca :

Code:

---

1 2 3 4

<div id='div1'>Bla</div> <div id='div2'>Bla</div> <div id='div3'>Bla</div> <div id='div4'>Bla</div>

---

et j'aimerai que ces divs aient tous le meme style.
que je puisse ecrire qq chose comme:

Code:

---

1 2 3 4 5

#div* { size: 120px; background-color: red }

---

Sauf que bien sur vous vous en doutez #div* ca marche pas (ca applique pas aux 4 divs)

Je ne peux pas passer par une classe (ca aurait été trop facile), car sinon c'est le Javascript qui marche plus (impossible de faire un document.getElementById sur une classe).

Et je ne peux pas non plus définir dans la feuille de style "#div1, #div2, #div3, ...." car je ne sais absolument pas combien il y en aura, et ca risque d'etre tres beaucoup...

Donc je cherche comment faire ce wildcard :D

Merci beaucoup d'avance,
m312

Tu peux mettre id et class

Code:

---

1 2 3 4

<div id="div1" class="taclasse">Bla</div> <div id="div2" class="taclasse">Bla</div> <div id="div3" class="taclasse">Bla</div> <div id="div4" class="taclasse">Bla</div>

---

Et pour le style

Code:

---

1 2 3

.taclasse { ... }

---

Salut,

Sans classe sans selecteur multiple tu limites les solutions ;) Tout simplement

Code:

---

1 2 3 4

div { size: 120px; background-color: red }

---

Si tu as d'autres div il faudra leur appliquer un style pour annuler les propriétés.

nb: size: 120px sert à quoi ?

Citation:

---

Envoyé par ilood

Si tu as d'autres div il faudra leur appliquer un style pour annuler les propriétés

---

Annuler les propriétés, à mon avis ça va poser des problèmes avec certains navigateurs, je ne vise personne :wink:

Citation:

---

Envoyé par Nesmontou

Citation:

---

Envoyé par ilood

Si tu as d'autres div il faudra leur appliquer un style pour annuler les propriétés

---

Annuler les propriétés, à mon avis ça va poser des problèmes avec certains navigateurs, je ne vise personne :wink:

---

Ah bon ?
Tous les div auront un fond rouge nous somme d'accord. Mais si tu as d'autres div il faudra utiliser un id ou des class et leur définir un fond blanc si tu veux retrouver un aspect plus normal. Je ne vois pas quel navigateur ne supporte pas ça ;) Je ne parlais pas de l'attribut inherit

OK je me suis mal exprimé : ce que je veux dire c'est que tu va déclarer des propriétés et après tu en remets par dessus et ça vite faire boule de neige, tu ne sais plus d'où vient telle couleur, pourquoi un bloc a une certaine taille...

Enfin bref, je trouve que c'est plus rigoureux de ne pas empiler les propriétés comme ça ; chacun son truc :wink:

Citation:

---

Envoyé par Nesmontou

OK je me suis mal exprimé : ce que je veux dire c'est que tu va déclarer des propriétés et après tu en remets par dessus et ça vite faire boule de neige, tu ne sais plus d'où vient telle couleur, pourquoi un bloc a une certaine taille...

Enfin bref, je trouve que c'est plus rigoureux de ne pas empiler les propriétés comme ça ; chacun son truc :wink:

---

Je suis entièrement d'accord avec toi. Mais étant donné les contraintes posées. :? Il y a peut être une meilleure solution... Espérons-le pour m312 :)

Bien bien merci de vos reponse, j'ignorais qu'il etait possible de superposer les id et les classes (reste a voir ce que le validateur XHTML raconte la dessus ...)

Merci beaucoup en tout cas.

m312