CSS : Div contenant une class

Fermé

jemsss Messages postés 188 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 28 novembre 2019 - 18 sept. 2011 à 17:18
jemsss Messages postés 188 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 28 novembre 2019 - 18 sept. 2011 à 19:22

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 :

<div>
    Bonjour, ci dessous mon bloc rouge
    <div class="block_rouge">
    </div>
</div>
<div>
    Bonjour, ci dessous mon bloc bleu
    <div class="block_bleu">
    </div>
</div>

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

A voir également:

Div class
Css download - Télécharger - HTML
Background color css ✓ - Forum CSS
Enlever le soulignement d'un lien css ✓ - Forum CSS
Enlever trait sous un lien href ✓ - Forum Webmastering
Comment créer un lien non souligné ✓ - Forum Réseaux sociaux

4 réponses

Réponse 1 / 4

Utilisateur anonyme
18 sept. 2011 à 18:44

Bonjour,

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

Réponse 2 / 4

jemsss Messages postés 188 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 28 novembre 2019 17
18 sept. 2011 à 18:55

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

Réponse 3 / 4

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 340
Modifié par mpmp93 le 18/09/2011 à 19:00

Bonjour,

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

<section> 
    <div> 
        Bonjour, ci dessous mon bloc rouge 
    </div> 
    <div> 
        Bonjour, ci dessous mon bloc bleu 
    </div> 
</section>

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.

Réponse 4 / 4

jemsss Messages postés 188 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 28 novembre 2019 17
18 sept. 2011 à 19:22

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.

Discussions similaires

trait horizontal avec du css

Bonjour,

Je n'arrive pas à faire un trait horizontal avec du css.

Merci pour votre aide

indice et exposant en css ?

Bonjour,

Comment peut on faire pour mettres les indices (en bas de lettre petite taille) et les exposants (en haut de lettre petite taille) ?
Balise xhtml ou style css ?

Je n'aime pas la balise parce qu'elle me décale mes interlignes d'un demi point. créant une interligne de 1 et demi.
Y a t'il d'autres balises html ?

Et en css, quelle classe peut on créer ? Si ça existe....

Namasté
Yv

Enlever le soulignement sous les liens en HTML/CSS

Document initial créé par Jean-François Pillou

Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none :
Grâce au CSS Grâce au CSS via une classe Grâce au CSS en ligne Notre vidéo

Grâce au CSS Pour ce faire, il suffit de définir le code CSS suivant dans votre code HTML :

a:link
{
text-decoration:none;
}

Notez que la pseudo-classe :link permet de ne cibler que les liens hypertextes () et non les ancres (). Vous pouvez toutefois vous en passer si vo...

HTML - définir taille bouton

Bonjour,

J'essaie de faire plusieurs boutons de même dimension, sauf que celle ci varie en fonction du texte inscrit sur le bouton...

Je parle de boutons de boutons de formulaire de ce genre :

[CSS] Forcé retour à la ligne

Bonsoir,

Savez vous comment faire pour forcé le retour à la ligne d'un texte dans un div, car j'ai un div de taille max-width de 510px mais si j'entre un mot super grand, celui çi va débordé du div mais je voudrais forcé un retour à la ligne dans ce cas, est ce faisable en CSS ou faut-il passer par un script ?

D'avance merci :)