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 :

difference des classes et des ids en css?


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    86
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 86
    Par défaut difference des classes et des ids en css?
    comme le dit le titre
    Quelqu'un pourrait-il m'expliquer c quoi la différence dans les 2.
    J'comprend pas trop l'histoire qu'un id j'utilise juste 1 fois et les classes souvent :s ca donne quoi un id debors
    Merci

  2. #2
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    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 494
    Par défaut
    Tous les deux servent à créer des propriétés CSS.
    La différence est que :

    Un id s'applique à un objet unique : il ne peut pas y avoir deux mêmes id dans une page

    Une classe peut désigner plusieurs objets identiques.

  3. #3
    Membre expérimenté
    Avatar de giminik
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    303
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 303
    Par défaut
    salut,
    L'intérêt de l'attribut id, c'est de pouvoir identifier un objet unique dans une page.
    L'appel de la fonction getElementById permet de modifier les propriétés d'un élément via Javascript.
    Il me semble aussi que la priorité d'un id est supérieure à celle d'une classe dans une feuille de style, il faudrait que je revérifie

  4. #4
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    Citation Envoyé par giminik
    Il me semble aussi que la priorité d'un id est supérieure à celle d'une classe dans une feuille de style, il faudrait que je revérifie
    En effet l'id est plus specifique que la class donc elle a la priorité j'etais septique alors j'ai fait ce petit test et tu a tout a fair raison.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    div {
    width:50px;
    height:50px;
    }
    #monid {
    	background: red;
    }
     
    .maclass {
    	background: green;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div class="maclass" id="monid" >&nbsp;</div>
    enfin curieu de savoir vraiement comment on savait koi etait plus specifique q'autrechose je me suis replongé dans la recommandation w3c.

    J'apprend encore des chose ce forum est formidable

  5. #5
    Membre expérimenté
    Avatar de giminik
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    303
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 303
    Par défaut
    c'est ce que l'on appelle la règle de spécificité, je l'avais lu dans CSS la référence, mais j'avais presque oublié son existence

Discussions similaires

  1. [C#]Remonter des événements dans des classes imbriquées
    Par Kcirtap dans le forum Windows Forms
    Réponses: 9
    Dernier message: 14/12/2013, 12h43
  2. Utiliser des packages ou des classes présents sur le net
    Par lionrouge dans le forum Général Java
    Réponses: 2
    Dernier message: 27/09/2006, 06h09
  3. Réponses: 11
    Dernier message: 09/12/2005, 14h59
  4. Réponses: 9
    Dernier message: 25/09/2005, 16h33
  5. Des classes pour les liens en CSS
    Par Invité dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 08/03/2005, 14h31

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