Kaip naudoti ID parinkiklį CSS

Gegužė 17, 2024

Paskutiniuose keliuose vadovėliuose aptarėme dvi iš trijų CSS taisyklių rūšių. Pirmasis tipas yra HTML parinkiklis, kuris remiasi ir kontroliuoja atitikimo HTML žymos stilių. Antrasis tipas yra klasės parinkiklis, kuris veikia kaip bendras stilius, kurį galima pritaikyti bet kuriam tinklalapio elementui.

Dabar atėjo laikas aptarti trečiąjį CSS taisyklių tipą, kuris vadinamas ID parinkikliu. Kaip ir klasės parinkiklį, ID parinkiklį galima pritaikyti bet kuriam tinklalapio elementui. Tačiau jis skirtas naudoti tik vieną kartą puslapyje. Dėl to ID parinkiklis yra labai naudingas dinaminiam HTML ir „JavaScript“. Teoriškai, jei ID rinkiklį naudojate daugiau nei vieną kartą puslapyje, žiniatinklio naršyklė turėtų nepaisyti paskesnių. Tačiau ne visada taip yra. Labai sunku pasikliauti interneto naršyklių nuspėjamumu. Todėl, kai pasirenkate naudoti ID parinkiklį, atsargiai jį naudokite tik vieną kartą. Pažvelkime į pavyzdį.

Pagrindinis kodas

. . .

Pavyzdys

. . .

ID parinkiklis

Žymų viduje pastebėsite, kad ID parinkiklis prasideda maišos simboliu (#) ir po jo eina su pavadinimu, kurį priskiriate ID parinkėjui. Kaip ir klasės parinkiklyje, galite naudoti bet kurį norimą vardą, tačiau geriausia, jei vardas nurodo, kam bus naudojamas ID parinkiklis. Pavyzdyje mes jį naudojame norėdami identifikuoti specialų teksto skyrių.

{turtas: vertė;}

Žymenų viduje ID parinkiklį seka viena ar kelios turto vertės poros, esančios tarp garbanotų skliaustų. Šios turto ir vertės poros nustato stiliaus savybes. Pavyzdyje pastraipa su specialiojo teksto ID parinkikliu turės raudonos spalvos tekstą.

. . .

Kai tinklalapio kūne naudosite ID parinkiklį, atidarymo HTML žymoje naudosite ID atributą. Atributo „id“ vertė yra unikalus vardas, suteiktas ID parinkėjui, šiuo atveju „special_text“. (id = "reikšmė") Taip parinkiklis „susieja“ stilių su ta viena HTML žyma, kuriai norite pritaikyti stilių. Aukščiau pateiktame pavyzdyje ID parinkiklis bus dedamas tik viename

žyma tinklalapyje. Bet kokiose kitose tinklalapio HTML žymose atidarymo žymos viduje neturėtų būti ID parinkiklio.

Kaip naudoti ID parinkiklį CSS, HTML, CSS taisyklių tipus, kaip naudoti ID parinkiklį, CSS ID parinkiklį

Ankstesnis Straipsnis

Kitas Straipsnis

Susiję Straipsniai

kompiuteriai

90 sekundžių „iTunes“ peržiūros ateis 2011 m.?

Gegužė 2024

Kai kuriuos mūsų dainų pirkimus per „iTunes“ svetainę galima nustatyti pirmiausia išklausius 30 sekundžių peržiūrą ir tada nusprendžiant, ar norite įsipareigoti pirkti tam tikrą kūrinį. Ar tikrai 30...

kompiuteriai

PHP statinis teiginys

Gegužė 2024

Statinio PHP teiginio stebuklingumas yra tas, kad jis leidžia funkcijai „atsiminti“ vietinio kintamojo reikšmę kitą kartą, kai šaukiama funkcija.Šiame vadove sužinosite, kaip naudoti PHP statinį...