Que signifie la classe CSS ?

classe CSS signifie sélecteur de classe, qui est utilisé pour sélectionner des éléments avec une classe spécifiée ; le sélecteur de classe est affiché avec un point et sa syntaxe d'utilisation est telle que ".center {text-align: center}" , Cette instruction signifie que tous les éléments HTML avec la classe center sont centrés.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Recommandé : Tutoriel vidéo CSS

En CSS, classe fait référence au sélecteur de classe, qui est utilisé pour sélectionner des éléments avec une classe (classe) spécifiée ;Le sélecteur de classe s'affiche avec un point, tel que ".center".

.center {text-align: center}

Dans l'exemple ci-dessus, tous les éléments HTML avec la classe center sont centrés.

Dans le code HTML ci-dessous, les éléments h1 et p ont la classe centrale. Cela signifie que les deux obéiront aux règles du sélecteur ".center".

<h1 class="center">
This heading will be center-aligned
</h1>
<p class="center">
This paragraph will also be center-aligned.
</p>

Remarque : les chiffres ne peuvent pas être utilisés comme premier caractère du nom de la classe ! Cela ne fonctionnera pas dans Mozilla ou Firefox.

Comme id, la classe peut également être utilisée comme sélecteur dérivé :

.fancy td {
color: #f60;
background: #666;
}

Dans l'exemple ci-dessus, les cellules du tableau à l'intérieur de l'élément plus grand avec le nom de classe fantaisie auront un fond gris Texte orange s’affiche. (Un élément plus grand nommé fantaisie pourrait être une table ou un div)

les éléments peuvent également être sélectionnés en fonction de leur classe :

td.fancy {
color: #f60;
background: #666;
}
<td class="fancy">

Dans l'exemple ci-dessus, le nom de classe des cellules de table fantaisie sera orange avec un fond gris.

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!