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 :

Redondance dans une feuille CSS


Sujet :

CSS

  1. #1
    Membre du Club Avatar de smh_master
    Inscrit en
    Août 2005
    Messages
    143
    Détails du profil
    Informations forums :
    Inscription : Août 2005
    Messages : 143
    Points : 53
    Points
    53
    Par défaut Redondance dans une feuille CSS
    Salut tous,
    je suis novice en tous ce qui concerne les styles CSS, donc je vais poser une question qui semblerait assez bizzare :
    si vous avez une feuille de style qui contient par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    a:link
    {
    	color: #22229C;
    }
    /**********************/
    a:link
    {
    	color: #000000;
    }
    /**********************/
    a:link
    {
    	color: #FFAA22;
    }
    d'après vous quel couleur va prendre le a:link ??
    merci pour tous.

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Salut,

    Si ton css est écrit tel que tu nous le montre, je pense que la couleur sera la première que tu as définie.

    En fait, les lignes '//******************' doivent poser problèmes.
    En CSS, il n'y a que les commentaires multilignes: /* ... */. Donc je ne suis pas sur que le reste de ta feuille soit bien annalysée.

    Si tu vires ces lignes, c'est la dernière définition de la couleur qui devrait être appliquée.

    A vérifier...

  3. #3
    Membre du Club Avatar de smh_master
    Inscrit en
    Août 2005
    Messages
    143
    Détails du profil
    Informations forums :
    Inscription : Août 2005
    Messages : 143
    Points : 53
    Points
    53
    Par défaut
    en faite les //******** sont juste pour vous faire la différence entre chaque a:link ( juste ajoutés pour l'aspet visuel )
    mais supposant que tout marche comme sur des rails quel serait le résultat ??
    quel bloc sera pris en charge ??
    merci

  4. #4
    Membre éprouvé Avatar de Jérémy Lefevre
    Homme Profil pro
    Développeur Java
    Inscrit en
    Juin 2004
    Messages
    898
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2004
    Messages : 898
    Points : 969
    Points
    969
    Par défaut
    Salut smh_master,
    ca va dependre du naviguateur qui interprete ton code css, mais dans les plus grand naviguateur ca sera la 1ere proposition qui sera executé!

  5. #5
    Membre du Club Avatar de smh_master
    Inscrit en
    Août 2005
    Messages
    143
    Détails du profil
    Informations forums :
    Inscription : Août 2005
    Messages : 143
    Points : 53
    Points
    53
    Par défaut
    Considérant que c'est un IE serait-il le même résultat c-à-d le 1er ??

  6. #6
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    Citation Envoyé par Jérémy Lefevre
    Salut smh_master,
    ca va dependre du naviguateur qui interprete ton code css, mais dans les plus grand naviguateur ca sera la 1ere proposition qui sera executé!
    Moi, j'aurais dit l'inverse.

    Quel est en fait le but de ta question? Tu as un problème avec un de tes css?

  7. #7
    Membre actif
    Inscrit en
    Novembre 2006
    Messages
    206
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 206
    Points : 231
    Points
    231
    Par défaut
    Moi, j'aurais dit l'inverse.
    Moi aussi.
    Cascading Style Sheets "dit" que c'est la dernière déclaration qui est prise en compte à "poids" égal (en cascade...).

  8. #8
    Membre émérite
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 52
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    Citation Envoyé par smh_master
    d'après vous quel couleur va prendre le a:link ??
    la dernière: #FFAA22

    Edit: je n'avais pas vu l'intervention de Dan qui explique très bien les choses

  9. #9
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 487
    Points : 5 134
    Points
    5 134
    Par défaut
    C'est bien évidemment la dernière ligne, c'est de cette facon que l'on peut hacker en donnant par exemple une fausse taille pour IE et ensuite donner la vraie taille.

    Le principe est le même et ne pas oublier l'ordre des déclarations pour les liens ! LVHA (:link :visited :hover :active)

    Car chaque sélecteur a une spécificité. Si deux sélecteurs sont appliqués au même élément, celui qui a une plus grande spécificité l'emporte. Pour les liens tous les sélecteurs ont la même spécificité, c'est donc le dernier sélecteur qui l'emporte.

  10. #10
    Membre du Club Avatar de smh_master
    Inscrit en
    Août 2005
    Messages
    143
    Détails du profil
    Informations forums :
    Inscription : Août 2005
    Messages : 143
    Points : 53
    Points
    53
    Par défaut
    merci tous pour vos suggestions ça m'a était trés utile
    et encore merci

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

Discussions similaires

  1. Modif de couleurs dans une feuille CSS
    Par patoche36 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 04/08/2008, 12h59
  2. utilisation @font-face{} dans une feuille CSS
    Par bigjeef dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/10/2007, 00h25
  3. Réponses: 1
    Dernier message: 08/05/2006, 16h33
  4. [CSS] Mettre des variable dans une feuille de style???
    Par Shakta dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 24/02/2006, 11h39

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