CSS : Div contenant une classFermé

Question

Bonjour, Est-il possible en CSS de définir les propriétés d'un block uniquement si il contient un autre block d'une certaine classe. Exemple :

Bonjour, ci dessous mon bloc rouge

Bonjour, ci dessous mon bloc bleu

Je souhaite attribuer la couleur rouge au texte contenu dans le div dans lequel se trouve le div "block_rouge". C'est à dire que le texte "Bonjour, ci dessous mon bloc rouge" soit en rouge. De même, je souhaite attribuer la couleur bleu au texte contenu dans le div dans lequel se trouve le div "block_bleu". C'est à dire que le texte "Bonjour, ci dessous mon bloc bleu" soit en bleu. Merci d'avance Configuration: Windows Vista / Firefox 6.0.2

Utilisateur anonyme · Answer

Bonjour,

A ma connaissance non, à moins de donner à la div supérieure une classe, mais ça vous savez faire.

jemsss · Answer

C'est ce qui me semblait mais je demandais au cas où.
Dommage, ça m'aurait bien été pratique.
Merci

mpmp93 · Answer

Bonjour, Il y a une solution très simple et sans class:

Bonjour, ci dessous mon bloc rouge

Bonjour, ci dessous mon bloc bleu

et le css qui va bien: section div { color: red; } section div + div { color: blue; } un +1 sur mes commentaires - si vous avez apprécié - c'est gentil, merci.

jemsss · Answer

Merci pour le conseil, mais l'utilisation de sélecteurs adjacents ne colle pas dans ma situation. 
Mon exemple super-simplifié était pour illustrer ma demande. Ce que je souhaitais faire était de modifier uniquement grâce à la feuille de style css les éléments d'une page si une classe spécifique était présente sur cette page. C'était pour une retouche sur une page d'un site existant dont je ne maîtrise pas la structure.
C'est pas grave, je vais me débrouiller autrement.

CSS : Div contenant une class

4 réponses

Discussions similaires

Newsletters