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 ?
- 黄舟original
- 2017-07-20 09:09:101847parcourir
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"
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'attributLa 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>
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!