Maison >interface Web >tutoriel CSS >Quelle est la différence entre le sélecteur d'ID et le sélecteur de classe ?
La différence est la suivante : le sélecteur d'ID ne peut être utilisé qu'une seule fois dans le document, et le sélecteur de classe peut être utilisé plusieurs fois ; le sélecteur de classe peut définir plusieurs attributs pour le même élément en même temps ; , mais le sélecteur d'ID ne peut pas
Lorsque j'écris habituellement du code et que j'utilise div et css pour créer des pages Web, j'utilise toujours des sélecteurs de classe et d'identifiant pour définir les styles CSS. Dans l'article suivant, je présenterai l'utilisation de. sélecteurs de classe et d'identifiant. Et leurs différences, cela a un certain effet de référence, j'espère que cela sera utile à tout le monde
[Cours recommandés : Cours CSS]
Sélecteur d'ID
id identifie de manière unique un élément, ne peut apparaître qu'une seule fois dans un fichier et peut être trouvé très précisément Il y a un signe # devant le sélecteur d'ID d'un élément spécifique
En CSS, le sélecteur d'ID est utilisé pour ajouter des styles au document HTML
Exemple :
<style type="text/css">
#demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="demo">ID选择器</div>
</body>Rendu :
sélecteur de classe
Le sélecteur de classe vous permet de spécifier des styles de manière à est indépendant de l'élément du document. Utilisé seul ou en combinaison avec d'autres éléments Il y a un "." devant le sélecteur de classe Exemple<style type="text/css">
.demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div class="demo">class选择器</div>Rendu. :
La différence entre le sélecteur d'ID et le sélecteur de classe
(1) Nombre d'utilisations du document : le sélecteur d'ID ne peut être utilisé que une fois, tandis que le sélecteur de classe Peut être utilisé plusieurs foisRésumé : c'est tout pour cet article. C'est tout le contenu de l'article. J'espère que cet article pourra aider tout le monde à comprendre le sélecteur d'ID et le sélecteur de classe.
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!