ID -velger i CSS

ID -velgeren benyttet elementets ID -attributter for å målrette et bestemt element. Siden et HTML -dokument skal ha en unik ID fra et element, er derfor ID -velgeren rettet mot ett unikt element. Det er veldig nyttig i de scenariene der det kreves detaljerte endringer. Når det er behov for å implementere stylingen til et enkelt og spesifikt element, kan en typevelger som ID -velgeren brukes.

For eksempel, hvis du må endre tekstfargen til alle

elementer da elementvelgeren kan brukes. Men når du må målrette mot en singel

taggen da vil en mer spesifikk velger kreves, for eksempel en ID -velger.

Syntaks

ID -velgeren er beskrevet med # tegnet etterfulgt av elementets ID.

#IDNAME CSS Egenskaper

Regler for å implementere ID -velgeren

Det er noen regler å følge for å håndtere ID -velgere.

Den første regelen som følger mens du arbeider med ID -velgeren, er at den må ha minst ett tegn, og at den ikke kan starte med et tall. For eksempel:

På samme side kan flere HTML -elementer ikke ha det samme id:

Hvis et element har en ID, må det være unikt:

Den endelige regelen er at ID -navn og Eiendomsverdi Må være den samme:

Vurder nå følgende eksempel med ID "stil":

ID -velger

Velkommen til Linuxhint.com

Andre avsnitt

I ovennevnte utdrag

elementer er stylet i henhold til ID "stil". Derfor vil egenskapene til #Style bare gjelde for det

element som vist i utgangen nedenfor:

ID -velgeren kan brukes på forskjellige HTML -elementer som bilder, avsnitt, overskrifter osv.

CSS -spesifisitet

CSS -spesifisiteten er et sett med regler som bruker nettleseren bestemmer hvilken egenskap som er mest passende/passende for et element. I CSS har ID -velgeren den høyeste spesifisiteten blant alle andre utvalgere på grunn av dets unike.

For eksempel har den gitte koden nedenfor to stiler som peker på samme element I.e.


<

ID -velger

Velkommen til Linuxhint.com

Andre avsnitt

Ettersom klassestilen er erklært først og avsnittet peker på "klasse" -stilen først, vil nettleseren bruke styling av klassevelgeren?

Nei! Nettleseren vil avgjøre spesifisiteten til disse velgerne. Ettersom ID -velgeren har høyere spesifisitet, vil den implementere egenskapene ved å bruke ID -velger som vist i utgangen:

Konklusjon:

De CSS ID -velger brukte tilgangen ID -attributtet for å gi styling til et spesifikt HTML -element. Det unike gjør ID -velgeren prioritert fremfor andre utvalgere. Det har høyest spesifisitet sammenlignet med alle andre velgere. Denne oppskrivningen ga en detaljert forståelse av ID-velgeren, den.