Maison  >  Article  >  interface Web  >  Quel est le sélecteur de classe en CSS3

Quel est le sélecteur de classe en CSS3

青灯夜游
青灯夜游original
2022-03-11 18:58:514647parcourir

En CSS3, le sélecteur de classe fait référence au sélecteur de classe, qui permet de spécifier des styles de manière indépendante des éléments du document. Il est utilisé pour décrire le style d'un groupe d'éléments et peut être utilisé dans plusieurs éléments. Le sélecteur de classe est représenté par l'attribut class en HTML et un point "." en CSS.

Quel est le sélecteur de classe en CSS3

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

En CSS3, le sélecteur de classe fait référence au sélecteur de classe, qui est l'un des sélecteurs les plus basiques.

Le sélecteur de classe vous permet de spécifier des styles de manière indépendante des éléments du document. Il est utilisé pour décrire le style d'un groupe d'éléments et peut être utilisé dans plusieurs éléments.

Le sélecteur de classe est représenté par l'attribut class en HTML. En CSS, le sélecteur de classe est affiché avec un point "." :

code html

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>

code CSS

.center{text-align:center;}

Quel est le sélecteur de classe en CSS3

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

Le sélecteur de classe peut être utilisé seul ou en combinaison avec d'autres sélecteurs.

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

Dans l'exemple ci-dessus, les cellules du tableau à l'intérieur du plus grand élément portant le nom de classe fantaisie afficheront un texte orange sur un fond gris. (L'élément plus grand nommé fantaisie pourrait être une table ou un div)

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

Dans l'exemple ci-dessus, la cellule du tableau avec le nom de classe fantaisie sera orange avec un fond gris.

(Partage de vidéos d'apprentissage : 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!

Déclaration:
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