1. #1
    Membre averti Avatar de Aizen64
    Profil pro
    Inscrit en
    mai 2007
    Messages
    487
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mai 2007
    Messages : 487
    Points : 374
    Points
    374

    Par défaut Priorités entre classes et code propre

    Bonsoir,

    l'ordre de priorité du plus important au moins important en CSS donne ceci il me semble :
    - style inline via l'attribut HTML style,
    - ID,
    - classe,
    - balise
    - pseudo classe

    Maintenant, je me demande comment écrire proprement du CSS, sur le cas suivant, j'ai une div initiale qui à un fond blanc ce qui donne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    .blanc
    {
        background-color: white;
    }
    Sur un bout de div, j'ajoute une autre classe qui a notament un attribut background-color: green;

    Comment le navigateur détermine quelle valeur à plus d'importance et comment éviter d'avoir recours à !important pour obtenir le résultat attendu ?
    Exprimer une différence d'opinion vaut mieux que :

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 732
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Belgique

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

    Informations forums :
    Inscription : février 2009
    Messages : 5 732
    Points : 21 094
    Points
    21 094
    Billets dans le blog
    39

    Par défaut



    l'ordre de priorité du plus important au moins important en CSS [...]
    Au début, on trouve que les règles sont simples et en approfondissant on trouve que ce n'est pas si évident que cela à comprendre.

    Voici deux liens à lire dans l'ordre :
    1. Heritages et cascades Comment les styles CSS se combinent entre eux et se transmettent de balises en balises
    2. COMPRENDRE LE POIDS DES RÈGLES CSS

    Blog



    Nota bene : si vous devez être compatible avec les navigateurs obsolètes (IE8 et plus), vous devez convertir les codes ES2015 en ES5 avec Babel.

    FAQ JS Tutoriels JS

    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
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    10 216
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 10 216
    Points : 20 306
    Points
    20 306

    Par défaut

    @danielhagnoul
    On a ça aussi sur DVP
    !

    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Ce qui se conçoit bien s'énonce clairement. Et les mots pour le dire arrivent aisément."
    Nicolas Boileau-Despréaux (1636-1711).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  4. #4
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 732
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Belgique

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

    Informations forums :
    Inscription : février 2009
    Messages : 5 732
    Points : 21 094
    Points
    21 094
    Billets dans le blog
    39

    Par défaut

    Il me semblait bien avoir vu quelque chose dans la maison DVP, mais hier je n'avais pas réussi à mettre la main-dessus. De plus, c'est de l'ami Didier, je suis impardonnable !

    Blog



    Nota bene : si vous devez être compatible avec les navigateurs obsolètes (IE8 et plus), vous devez convertir les codes ES2015 en ES5 avec Babel.

    FAQ JS Tutoriels JS

    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.)

Discussions similaires

  1. [IE 6.0] Plus d'affichage entre les balises [code] [/code]
    Par Trap D dans le forum Autres Logiciels
    Réponses: 2
    Dernier message: 20/10/2005, 10h39
  2. Accèss à des fonctions entre classes
    Par vincetrader dans le forum C++
    Réponses: 4
    Dernier message: 08/09/2005, 13h45
  3. Réponses: 2
    Dernier message: 05/07/2005, 14h46
  4. [AS2] liaison entre classe et symbole
    Par ooyeah dans le forum ActionScript 1 & ActionScript 2
    Réponses: 1
    Dernier message: 04/07/2005, 09h41
  5. Code propre ? :)
    Par Orus dans le forum C++
    Réponses: 24
    Dernier message: 09/12/2004, 18h16

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