Ako používať selektor ID v CSS

Smieť 11, 2024

V posledných niekoľkých tutoriáloch sme diskutovali o dvoch z troch typov pravidiel CSS. Prvým typom je selektor HTML, ktorý je založený a riadi štýl zodpovedajúcej značky HTML. Druhým typom je selektor triedy, ktorý funguje ako všeobecný štýl, ktorý možno použiť na ľubovoľný prvok na webovej stránke.

Teraz je čas diskutovať o treťom type pravidla CSS, ktoré sa nazýva selektor ID. Rovnako ako pri výbere triedy, výber ID sa dá použiť na ľubovoľný prvok na webovej stránke. Malo by sa však na stránke používať iba raz. Vďaka tomu je selektor ID veľmi užitočný pre dynamické HTML a JavaScript. Teoreticky, ak na stránke používate selektor ID viac ako jedenkrát, webový prehliadač by mal ignorovať nasledujúce. Nie je to však vždy tak. Je veľmi ťažké spoliehať sa na predvídateľnosť webových prehliadačov. Preto, ak sa rozhodnete používať selektor identifikácie, buďte opatrní pri jeho použití iba raz. Pozrime sa na príklad.

Základný kód

. . .

príklad

. . .

Selektor ID

Vo vnútri značiek si všimnete, že selektor ID začína symbolom hash (#) a za ním nasleduje meno, ktoré ste priradili selektoru ID. Rovnako ako pri výbere triedy môžete použiť ľubovoľné meno, ktoré je najlepšie, ale najlepšie je, ak názov označuje, pre ktorý výberový identifikátor sa bude používať. V tomto príklade ho používame na identifikáciu špeciálnej časti textu.

{property: value;}

Aj vo vnútri značiek za selektorom ID nasleduje jeden alebo viac párov hodnôt hodnôt, ktoré sú umiestnené medzi zloženými zátvorkami. Tieto páry vlastností a vlastností nastavujú vlastnosti štýlu. V príklade bude mať odsek so selektorom ID špeciálneho_textu červeno sfarbený text.

. . .

Keď použijete selektor ID v tele webovej stránky, použijete atribút id v úvodnej značke HTML. Hodnota atribútu id je jedinečný názov priradený selektoru ID, v tomto prípade „special_text“. (id = "value") Takto volič „pripája“ štýl k jednej značke HTML, na ktorú chcete štýl použiť. Vo vyššie uvedenom príklade bude selektor ID umiestnený vo vnútri iba jedného

na webovej stránke. Žiadne iné značky HTML na webovej stránke by nemali obsahovať selektor ID vo vnútri úvodnej značky.

Video Návody: CSS video tutorial - 14 - id selector in css | hash (Smieť 2024).

Ako používať selektor ID v CSS, HTML, typy pravidiel CSS, ako používať selektor ID, selektor ID CSS

Predchádzajúci Článok

Nasledujúci Článok

Súvisiace Články

počítače

Sprievodca prežitím online v službe Shopper - recenzia knihy

Smieť 2024

Som súčasťou revolúcie v online nakupovaní. Milujem pohodlie, široký výber a skutočnosť, že môžem nakupovať kedykoľvek bez toho, aby som opustil domov. Nemusím bojovať s davmi alebo odpadovými plynmi...

počítače

Napster ísť

Smieť 2024

Pokiaľ ide o služby sťahovania hudby, kombinujem a porovnávam. Používam Napster aj iTunes. Mám na svojom notebooku knižnicu iTunes a túto jar som strávil niekoľko dní skopírovaním celej mojej zbierky...