Quelle est la différence entre le sélecteur d'ID et le sélecteur de classe ?-tutoriel CSS-php.cn

Quelle est la différence entre le sélecteur d'ID et le sélecteur de classe ?

清浅

Libérer： 2018-12-14 13:23:39

original

9905 Les gens l'ont consulté

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>

Copier après la connexion

Rendu :

Quelle est la différence entre le sélecteur d'ID et le sélecteur de classe ?

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>

Copier après la connexion

Rendu. :

Quelle est la différence entre le sélecteur d'ID et le sélecteur de classe ?

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 fois

(2) Vous pouvez utiliser le sélecteur de classe pour définir plusieurs styles pour un élément en même temps, mais le sélecteur d'ID n'est pas autorisé

Ré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!