Comment déterminer s'il faut utiliser un sélecteur d'identifiant ou de classe pour les éléments HTML ? (exemple)-tutoriel CSS-php.cn

Comment déterminer s'il faut utiliser un sélecteur d'identifiant ou de classe pour les éléments HTML ? (exemple)

藏色散人

Libérer： 2018-08-11 15:27:11

original

4539 Les gens l'ont consulté

Lorsque nous construisons un site Web, nous devons styliser le contenu du site Web. Donc, si nous voulons définir des styles CSS dans les éléments HTML, par où commencer ? Ici, nous devons définir les sélecteurs d'identifiant et de classe dans l'élément HTML. Certains amis novices peuvent se demander comment utiliser les cours CSS ? Dois-je utiliser id ou class pour les balises div ?

Cet article vous présentera l'utilisation et la différence entre l'identifiant du sélecteur de classe CSS et la classe. J'espère que cette description facile à comprendre de l'identifiant et de la classe sera utile à tout le monde.

1. L'exemple d'utilisation du code d'identification du sélecteur de classe CSS est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        #p1
        {
            text-align:center;
            color:red;
        }
    </style>
</head>
<body>
<p id="p1">css定义id选择器示例</p>
<p>这一段文字就不会受影响。</p>
</body>
</html>

Copier après la connexion

L'effet est le suivant :

Comment déterminer sil faut utiliser un sélecteur didentifiant ou de classe pour les éléments HTML ? (exemple)

2. L'exemple d'utilisation du code de classe du sélecteur de classe CSS est le suivant :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        .p1
        {
            text-align:center;
            color: #3262ff;
        }
    </style>
</head>
<body>
<p class="p1">css定义class选择器示例</p>
<p>这一段文字就不会受影响。</p>
</body>
</html>

Copier après la connexion

L'effet est le suivant :

Comment déterminer sil faut utiliser un sélecteur didentifiant ou de classe pour les éléments HTML ? (exemple)

3. La combinaison de l'identifiant et de la classe n'est qu'une combinaison des deux méthodes ci-dessus.

Ce qu'il faut noter ici est :

L'identifiant est préfixé par "#" ; l'identifiant ne peut être utilisé qu'une seule fois sur une page

le sélecteur d'identifiant peut ; être marqué d'un spécifique L'identifiant de l'élément HTML spécifie un style spécifique.

CLASS peut être référencée plusieurs fois en utilisant "."

Le sélecteur de classe est utilisé pour décrire le style d'un groupe d'éléments. Le sélecteur de classe est différent du sélecteur d'identifiant. La classe peut être utilisée dans plusieurs éléments.

Ainsi, à travers l'introduction de cet article aux deux sélecteurs de css .class#id, j'espère que cela sera utile aux novices lorsqu'ils ne savent pas s'il faut utiliser class ou id.

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!