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 :

Associer les styles d'une classe à une autre ?


Sujet :

CSS

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    747
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 747
    Points : 168
    Points
    168
    Par défaut Associer les styles d'une classe à une autre ?
    Bonjour,

    désolé pour cette question de newbie en CSS
    Est-il possible de dire que le h2 de la class .nom_1 reprend les styles du h3 de la class .nom_2



    Merci pour l'aide
    PAul

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    ;salut:

    Je pense immédiatement à : <h2 class="nom_1 nom_2">Sous-titre</h2>, mais je suppose que la question est plus complexe ?

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    747
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 747
    Points : 168
    Points
    168
    Par défaut
    Citation Envoyé par danielhagnoul Voir le message
    mais je suppose que la question est plus complexe ?
    Ben je ne suis pas sûr car je suis une quiche en CSS !


    Avec ton code le h2 récupère le style du h2 class .nom2 par dessus le h2 class .nom1, c'est bien ça ?
    Mais comment le h2 peut-il récupérer le style du h3 class .nom2 par dessus le h2 class .nom1 ?

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 963
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 963
    Points : 44 138
    Points
    44 138
    Par défaut
    Bonjour,
    pas sûr d'avoir compris ton soucis

    Pourquoi ne pas regrouper sous une même classe les propriétés que tu veux communes aux deux <hx> ?

    La cascade ne peut pas s'appliquer dans ce cas un élément <hx> ne devant pas contenir un élément <hx>, par contre tu peux remonter cela au niveau du parent.

    Mets nous la structure HTML et dis nous précisément ce que tu souhaites réaliser.

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    747
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 747
    Points : 168
    Points
    168
    Par défaut
    Ben en fait je suis en train de modifier un template Joomla.
    Avec Joomla ça se passe en fin de course par overrides et par custom.css
    Comme ça en cas de mise à jour du template tout n'est pas écrasé.

    Et là pour affecter au h2 de la class .nom_1 les styles du h3 de la class .nom_2 :
    - je ne voudrais pas toucher au fichier original en mettant (si je ne me trompe pas) :
    .nom_2 h3, .nom_1 h2 {
    ...
    }

    - je ne voudrais pas reprendre en dur les styles dans custom.css
    .nom_1 h2 {
    coller ici es styles de .nom_2 h3
    }

    - je voudrais savoir s'il y a une ligne en CSS qui pourrait dire
    h2 de la class .nom_1 = h3 de la class .nom_2

  6. #6
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    1- Coder ne s'invente pas.
    Tu ne peux pas faire l'impasse sur l'apprentissage des bases :


    2- dans ton fichier custom.css, tu n'es pas obligé de redéfinir toutes les propriétés : tu ajoutes et/ou ecrases ce que tu veux.
    Et pour affecter aux 2 en même temps :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    h3.nom_2, h2.nom_1 { ...}

  7. #7
    Membre habitué
    Profil pro
    Inscrit en
    Février 2007
    Messages
    747
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 747
    Points : 168
    Points
    168
    Par défaut
    Merci pour votre patience.


    Avant de lire ces tutos, puisqu'il y a urgence maintenant, est-que
    h1.nom_class {...}
    peut s'écrire aussi
    .nom_class h1 {...}

  8. #8
    Invité
    Invité(e)
    Par défaut
    Non.

    Il n'y a pas à lire "tous" les tuto de suite, mais au moins les bases.

    Ca t'éviterait de poser des questions... basiques (dont on trouve les réponses dans les cours et tutos, justement).
    Dernière modification par Invité ; 24/03/2018 à 14h04.

Discussions similaires

  1. Ajouter une classe à une classe
    Par benooo dans le forum Débuter avec Java
    Réponses: 0
    Dernier message: 05/02/2014, 18h22
  2. Passer une variable d'une classe à l'autre
    Par Gibou dans le forum C++
    Réponses: 2
    Dernier message: 16/06/2006, 08h38
  3. Réponses: 8
    Dernier message: 04/04/2006, 17h29
  4. Passage de paramètre d'une classe à une autre
    Par semenzato dans le forum C++
    Réponses: 3
    Dernier message: 21/09/2005, 13h59
  5. Pouvoir gérer les actions des boutons dans une classe
    Par Cyborg289 dans le forum Composants
    Réponses: 2
    Dernier message: 08/07/2005, 12h08

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