IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Appliquer un style uniquement à une sous classe


Sujet :

CSS

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 75
    Par défaut Appliquer un style uniquement à une sous classe
    Bonsoir,

    Je n'y connais pas grand chose en css, alors voilà :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div class="body_part">
    	<div class="data">coucou data part</div>
    	<div class="body_sub_part">
    		<div class="data">coucou data sub part</div>
    	</div>
    </div>
    Est-il possible d'appliquer un style css à body_part.body_sub_part.data sans affecter le style de .data ?
    Par exemple, si tous les

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .data {
    	background-color: green;
    }
    est-il possible de faire un truc du genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body_part.body_sub_part.data {
    	background-color: red;
    }
    ? Il semble que firefox 3.6.x n'accepte pas ça. Cela est-il possible ? Me suis-je trompé dans la syntaxe ?

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    C'est presque ça, il ne manque plus que les espaces :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .body_part .body_sub_part .data {
       background-color: red;
    }

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 75
    Par défaut
    Excellent, merci !


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS 3] Appliquer un style sur une sous-balise
    Par L'aigle de Carthage dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 05/09/2013, 15h41
  2. Réponses: 1
    Dernier message: 17/11/2006, 16h57
  3. Appliquer un style a une ligne de tableau
    Par LordBob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 20/07/2006, 10h52
  4. [xsl fo] Appliquer un style "Word" à une transfo FO
    Par david_m dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 29/05/2006, 08h55
  5. Instanciation d'une sous-classe
    Par iubito dans le forum Langage
    Réponses: 6
    Dernier message: 23/01/2006, 16h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo