Kako uporabljati izbirnik ID-jev v CSS-u

April 30, 2024

V zadnjih nekaj vajah smo razpravljali o dveh od treh vrst pravil CSS. Prva vrsta je izbirnik HTML, ki temelji in nadzira slog za ujemajočo se oznako HTML. Druga vrsta je izbirnik razredov, ki deluje kot splošen slog, ki ga je mogoče uporabiti za kateri koli element na spletni strani.

Zdaj je čas za razpravo o tretji vrsti pravila CSS, ki se imenuje izbirnik ID-ja. Tako kot pri izbirniku razredov je tudi izbirnik ID-jev mogoče uporabiti za kateri koli element na spletni strani. Vendar pa je mišljeno, da se na strani uporablja samo enkrat. Tako je izbirnik ID-jev zelo uporaben za dinamični HTML in JavaScript. Teoretično, če na enem mestu večkrat uporabljate izbirnik ID-jev, bi moral spletni brskalnik prezreti naslednje. Vendar pa to ni vedno tako. Zelo težko se je zanesti na predvidljivost spletnih brskalnikov. Ko se odločite za uporabo izbirnika ID-jev, bodite previdni, da ga uporabite samo enkrat. Poglejmo primer.

Osnovna koda

. . .

Primer

. . .

Izbirnik ID-jev

Znotraj oznak boste opazili, da se selektor ID začne s simbolom hash (#) in da mu sledi ime, ki ga dodelite izbirniku ID. Tako kot pri izbirniku razredov lahko uporabljate poljubno ime, vendar je najbolje, če ime navaja, za kaj bo uporabljen izbirnik ID-jev. V primeru ga uporabljamo za identifikacijo posebnega odseka besedila.

{lastnost: vrednost;}

Tudi znotraj oznak izbirniku ID sledi en ali več parov vrednosti lastnosti, ki so postavljeni med kodraste oklepaje. Ti pari lastnosti-vrednosti določajo značilnosti sloga. V primeru bo imel odstavek z izbirnikom ID-ja posebnega besedila rdeče obarvano besedilo.

. . .

Ko v telesu spletne strani uporabljate izbirnik ID-ja, boste v uvodni oznaki HTML uporabili atribut id. Vrednost atributa id je edinstveno ime, dodeljeno izbirniku ID, v tem primeru "special_text". (id = "vrednost") Tako selektor "poveže" slog s tisto oznako HTML, na katero želite uporabiti slog. V zgornjem primeru bo izbirnik ID-ja nameščen znotraj samo enega

oznaka na spletni strani. Vse druge oznake HTML na spletni strani ne smejo vsebovati izbirnika ID-jev znotraj uvodne oznake.

Navodila Video: Week 8 (April 2024).

Kako uporabljati izbirnik ID-jev v CSS, HTML, vrstah pravil CSS, kako uporabljati izbirnik ID-jev, izbirnik ID-ja CSS

Prejšnji Članek

Naslednji Članek

Podobni Članki

računalniki

Pregled izdelka - MotionArtist 3.0

April 2024

MotionArtistTM je programska oprema, ki je preprosta za uporabo in vam pomaga ustvariti FlashR animacije za vaše spletno mesto. Ustvarite lahko spletne pasice Flash, navigacijske menije, gumbe za...

računalniki

Uporaba Flash za In Betweens

April 2024

Preden je računalnik prispel na prizorišče in je animatorju življenje precej olajšalo, je bila ena glavnih nalog za ustvarjanje animacije risanje vseh posameznih okvirjev "med" za animacijo....