Introduction aux sélecteurs d'identifiant et de classe CSS

id et class Sélecteur

Si vous souhaitez définir des styles CSS dans l'élément HTML, vous devez définir "id" et "class" dans le sélecteur d'élément.

sélecteur d'identifiant

le sélecteur d'identifiant peut spécifier un style spécifique pour les éléments HTML marqués avec un identifiant spécifique.

L'élément HTML utilise l'attribut id pour définir le sélecteur d'identifiant, et le sélecteur d'identifiant en CSS est défini avec "#".

Les règles de style suivantes s'appliquent à l'attribut d'élément id="para1":

Instance

#para1
{
text-align:center;
color:red;
}

L'attribut ID ne doit pas commencer par un numéro commençant par. les numéros sont dans Mozilla/Ne fonctionne pas dans le navigateur Firefox.

sélecteur de classe

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.

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 "." :

Dans l'exemple suivant, tous les objets avec la classe centrale. Les éléments HTML sont tous centrés.

p.center {text-align:center;}

Le premier caractère du nom de la classe ne peut pas utiliser de chiffres ! Cela ne fonctionnera pas dans Mozilla ou Firefox.

【Recommandations associées】

1. Recommandation spéciale : "php Programmer Toolbox" version V0.1 Télécharger

2. Tutoriel vidéo CSS en ligne gratuit

3 php.cn Dugu Jiujian (2) - 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!