Maison > interface Web > tutoriel CSS > css : Quelle est la différence entre la classe et l'identifiant dans div ?

css : Quelle est la différence entre la classe et l'identifiant dans div ?

黄舟
Libérer: 2017-07-20 09:09:10
original
1850 Les gens l'ont consulté

1. class est la classe qui définit l'étiquette. L'attribut class est utilisé pour spécifier à quelle classe de style appartient l'élément.

Par exemple, vous pouvez ajouter .content1 { color: red; background: #ff80c0 } à la feuille de style : class="content1" .

id est l'identifiant du label défini. L'attribut id est utilisé pour définir un style unique d'un élément. Par exemple, une règle CSS #content2 { font-size: plus grand } est utilisée comme suit : id="content2"


Conceptuellement parlant, elles sont différentes (les deux suivantes les phrases sont relativement similaires. Insightful) :

La classe est un style qui doit d'abord être défini, puis elle peut être appliquée à plusieurs structures/contenus. Facile à réutiliser. En d’autres termes, les noms de classes peuvent être identiques.

id est une balise utilisée pour distinguer différentes structures et contenus, tout comme votre nom, S'il y a deux personnes dans une maison portant le même nom, la confusion va se produire se produire ;id trouve d'abord la structure/le contenu, puis définit le style correspondant ;

Problème de priorité d'attribut

La priorité de l'identifiant est supérieure à celle de la classe. Vous pouvez écrire un exemple vous-même pour voir. Une partie du code est la suivante ( a été écrit par moi, pas par l'auteur original ) :


<html>
<head>
<style type="text/css">
#aa 
{
	color:red
}

.aa 
{
	color:blue
}
</style>
</head>

<body>
<p id="aa" class="aa">I love you.</p>
</body>

</html>
Copier après la connexion

3. À propos de js

Si vous souhaitez effectuer des opérations de script (js) sur un objet dans la page, vous pouvez définir un identifiant pour celui-ci, sinon vous ne pouvez utiliser que la traversée des éléments de la page. et en précisant C'est une relative perte de temps et de ressources de le trouver à l'aide d'attributs spécifiques, et c'est beaucoup moins simple qu'un identifiant.



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal