Que signifie id en CSS ?

id représente le sélecteur ID en CSS. Le sélecteur ID permet de spécifier le style d'une manière indépendante de l'élément du document ; l'élément HTML utilise l'attribut id pour définir le sélecteur id, tandis que le sélecteur id dans Les appareils CSS sont définis par « # », également connu sous le nom de chiffres en damier ou de signes dièse.

Recommandé : "Tutoriel vidéo CSS"

Sélecteur d'ID CSS

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

Syntaxe

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 "#" - également connu sous le nom de damier chiffre ou signe dièse.

Voir les règles suivantes :

*#intro {font-weight:bold;}

Comme les sélecteurs de classe, les sélecteurs 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;}

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

La deuxième différence est que le sélecteur ID ne fait pas référence à la valeur de l'attribut class, il fait sans aucun doute référence à la valeur de l'attribut id.

Utilisation :

html
<div class="to">
    <p id="dog">指定具有id元素的样式</p>
</div>
css
 #dog{
        background-color: aqua;
    }

sensible à la casse

Notez que les sélecteurs de classe et les sélecteurs d'ID peuvent être sensibles à la casse. Cela dépend de la langue du document. HTML et XHTML définissent les valeurs de classe et d'ID comme étant sensibles à la casse, de sorte que la casse des valeurs de classe et d'ID doit correspondre aux valeurs correspondantes dans le document.

Par conséquent, pour les CSS et HTML suivants, l'élément ne sera pas mis en gras :

#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>

Le sélecteur ne correspondra pas à l'élément ci-dessus en raison de la casse différente de la lettre i.

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!