Maison > interface Web > Questions et réponses frontales > Quelle est la fonction de la balise de classe en CSS

Quelle est la fonction de la balise de classe en CSS

藏色散人
Libérer: 2023-02-01 09:38:05
original
2984 Les gens l'ont consulté

class en CSS n'est pas une balise, mais un sélecteur de classe, dont la fonction est de spécifier le style de tous les éléments de la classe ; avant d'utiliser le sélecteur de classe, vous devez modifier le balisage spécifique du document pour que le sélecteur de classe puisse fonctionner. correctement ; et pour utiliser le style du sélecteur de classe est associé à l'élément et la classe doit être spécifiée comme valeur appropriée.

Quelle est la fonction de la balise de classe en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3, ordinateur DELL G3

Quel est le rôle de la balise class en css ?

class en CSS n'est pas une étiquette, mais un sélecteur de classe.

class est un sélecteur de classe qui permet de spécifier des styles de manière indépendante des éléments du document.

Avant d'utiliser les sélecteurs de classe, le balisage spécifique du document doit être modifié afin que les sélecteurs de classe fonctionnent correctement.

Afin d'associer le style d'un sélecteur de classe à un élément, la classe doit être spécifiée comme valeur appropriée. Jetez un œil au code HTML ci-dessous :

<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>
Copier après la connexion

Dans le code ci-dessus, la classe de deux éléments est spécifiée comme importante : le premier titre (élément h1) et le deuxième paragraphe (élément p).

Quelle est la fonction de la balise de classe en CSS

Introduction connexe :

La situation où la valeur de classe contient un mot. En HTML, une valeur de classe peut contenir une liste de mots séparés par des espaces.

Par exemple : Si vous souhaitez marquer un élément spécifique comme important et avertissement en même temps, vous pouvez écrire :

Ce paragraphe est un avertissement très important p> L’ordre de ces deux mots n’a pas d’importance, il peut aussi être écrit comme un avertissement important.

Supposons que tous les éléments avec une classe important sont en gras et que tous les éléments avec une classe d'avertissement sont en italique. Tous les éléments avec une classe qui contient à la fois important et avertissement ont également un fond argenté.

Vous pouvez écrire : .important {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} En reliant deux sélecteurs de classe ensemble, ne contient que des éléments portant ces noms de classe en même temps (l'ordre des noms de classe n'est pas limité).

Apprentissage recommandé : "Tutoriel vidéo CSS"

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