Maison > interface Web > tutoriel CSS > Comment écrire un sélecteur d'identifiant CSS

Comment écrire un sélecteur d'identifiant CSS

藏色散人
Libérer: 2023-01-03 09:23:46
original
7261 Les gens l'ont consulté

Le sélecteur d'identifiant CSS s'écrit "#selector{attribute:value}". Il y a un signe # devant le sélecteur d'identifiant, également connu sous le nom de numéro en damier ou signe dièse comme le sélecteur de classe ; le sélecteur d'ID Les sélecteurs génériques peuvent être ignorés dans .

Comment écrire un sélecteur d'identifiant CSS

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

Comment écrire un sélecteur d'identifiant CSS ?

Comment écrire un sélecteur d'identifiant CSS:#selector{属性: 值}.

À certains égards, les sélecteurs d'ID sont similaires aux sélecteurs de classe, mais il existe quelques différences importantes.

Syntaxe

Les sélecteurs d'ID sont précédés d'un signe # - également connu sous le nom de damier ou de signe dièse. (Recommandations de cours associées : Tutoriel vidéo CSS)

Veuillez consulter les règles suivantes :

*#intro {font-weight:bold;}
Copier après la connexion

Comme les sélecteurs de classe, les sélecteurs de caractères génériques peuvent être ignorés dans les sélecteurs d'ID. L'exemple précédent pourrait aussi s'écrire :

#intro {font-weight:bold;}
Copier après la connexion

L'effet de ce sélecteur serait le même.

Le sélecteur d'ID doit faire référence à la valeur dans l'attribut id. Voici un exemple de sélecteur d'ID réel :

<p id="intro">This is a paragraph of introduction.</p>
Copier après la connexion

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:
css
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