ID-valija kasutamine CSS-is

Mai 16, 2024

Mõnes viimases õpetuses arutasime kahte kolmest CSS-i reegli tüübist. Esimene tüüp on HTML-i valija, mis põhineb ja kontrollib sobitava HTML-i sildi stiili. Teine tüüp on klassi valija, mis toimib nagu üldine stiil, mida saab rakendada mis tahes veebilehe elemendile.

Nüüd on aeg arutada CSS-i reegli kolmandat tüüpi, mida nimetatakse ID-valijaks. Nagu klassivalija puhul, saab ID-valijat rakendada ka mis tahes veebilehe elemendile. Kuid see on mõeldud kasutamiseks ainult ühel lehel. See muudab ID-valija dünaamilise HTML-i ja JavaScripti jaoks väga kasulikuks. Teoreetiliselt, kui kasutate ID-valijat lehel rohkem kui üks kord, peaks veebibrauser ignoreerima järgmisi. Kuid see pole alati nii. Veebibrauserite ennustatavusele on väga raske tugineda. Seetõttu, kui otsustate kasutada ID-valijat, kasutage seda ettevaatlikult ainult üks kord. Vaatame näidet.

Põhikood

. . .

Näide

. . .

ID valija

Siltide sees märkate, et ID valija algab räsi sümboliga (#) ja sellele järgneb nimi, mille määrate ID valijale. Nagu klassivalija puhul, võite kasutada ka ükskõik millist soovitud nime, kuid kõige parem on, kui nimi näitab, milleks ID-valijat kasutatakse. Näites kasutame seda spetsiaalse tekstiosa tuvastamiseks.

{vara: väärtus;}

Ka siltide sees järgneb ID valijale üks või mitu vara-väärtuse paari, mis asetsevad lokkisulgude vahel. Need vara ja väärtuse paarid määravad stiili omadused. Näites on lõiguga, mille abil saab spetsiaalteksti ID-selektorit valida, punane värv.

. . .

Kui kasutate ID-valijat veebisaidi kehas, kasutate avanevas HTML-märgendis atribuuti id. Atribuudi id väärtus on ID-valijale antud unikaalne nimi, antud juhul "special_text". (id = "väärtus") Nii ühendab valija stiili selle ühe HTML-sildiga, millele soovite stiili rakendada. Ülaltoodud näites paigutatakse ID valija ainult ühe sisse

silt veebilehel. Muud veebilehe HTML-sildid ei tohiks sisaldada ID-valijat avatava sildi sees.

Video Juhiseid: Kui turvaline on ID-kaardi kasutamine tegelikult? (Mai 2024).

ID-valija kasutamine CSS-is, HTML-is, CSS-i reeglite tüübid, ID-valija kasutamine, CSS-i ID-valija kasutamine

Eelmine Artikkel

Järgmine Artikkel

Seotud Artiklid

arvutid

Depressiooniotsing - interaktiivne väljamõeldis

Mai 2024

Depressiooniküsimus on tekstipõhine mäng, mis uurib depressiooni täiesti tegelikke probleeme. See on Steamis saadaval tasuta. Kasvasin üles tekstipõhiste mängude mängimisel ja jumaldamisel. Minu...

arvutid

PHP funktsioon ja funktsioonikõne

Mai 2024

Kui õpite PHP-d, peate koodi sisestama oma programmi kõik read, et saaksite uurida, kuidas kood töötab. Kusagil teel saate aru, et on olemas teatud ülesanded, mida teie programm peab ikka ja jälle...