Maison  >  Article  >  interface Web  >  La différence entre id et class, dois-je utiliser class ou ID ?

La différence entre id et class, dois-je utiliser class ou ID ?

高洛峰
高洛峰original
2017-02-27 15:12:513240parcourir

Dans les deux articles précédents, nous avons parlé des connaissances pertinentes et de la façon d'utiliser respectivement la classe et l'identifiant, mais dans les projets réels, comment devrions-nous choisir, la classe ou l'identifiant ?

Revoyons d’abord les différences entre les deux !

1. L'ID est unique et la classe est universelle, donc le même ID ne peut être utilisé qu'une seule fois sur une page, tandis que la classe peut être utilisée sans restriction.

2.id a une priorité plus élevée que la classe ! Comme suit :

  1. #p1{ couleur:rouge>

  2. .p2{couleur:vert}

  3. Ceci est un paragraphe

Ce qui précède est un exemple, dans l'élément p Le texte est rouge au lieu de vert car la priorité de l'identifiant est supérieure à celle de la classe.

En fait, l'utilisation de l'identifiant et de la classe est assez simple, mais si vous souhaitez écrire du code CSS élégant, vous devez faire attention à certaines choses. Le projet sur lequel je travaille adopte désormais le modèle agile, et plusieurs personnes travaillent ensemble pour le développer
Le plus pénible est que l'identifiant et la classe sont partout dans l'ensemble du document HTML, ce qui est un piège. maintenir! Récemment, j'ai vu l'expérience de quelqu'un sur l'utilisation de id et class. Je pense que c'est bien. Le résumé est le suivant :

css est uniquement écrit en classe et a un nom de classe spécial pour les modules généraux et privés. priorisé. Trop élevé n'est utilisé que comme hook pour que js fasse fonctionner dom sans ajouter de styles. Si vous utilisez jq ou zepto, le nom de classe de l'opération
n'ajoute généralement pas de styles. js comme l'identifiant. Ceci est plus adapté aux projets de maintenance à grande échelle et à plusieurs personnes et aux projets d'itération à long terme
Le nom de classe CSS et l'ID et la classe d'opération js sont complètement séparés, de sorte que les modifications dans l'interface utilisateur du produit ou l'interaction du produit. la logique ne s'affecte pas, ce qui facilite la maintenance.

Pour résumer : JS essaie d'exploiter l'ID autant que possible, et la classe essaie d'exploiter CSS autant que possible !

Bien sûr, vous devez pratiquer cela vous-même ! Il ne me convient que pour les projets sur lesquels je travaille actuellement ! C'est tout pour le résumé d'aujourd'hui. Veuillez me corriger pour toute lacune.

Pour plus d'informations sur la différence entre id et class, que ce soit pour utiliser class ou ID, veuillez faire attention au site Web PHP chinois !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn