Klase pret ID
Kaskādes stila lapas (CSS) ir valoda, kas apraksta dokumenta izskatu un formatējumu, kas rakstīts, izmantojot iezīmēšanas valodu. CSS tiek plaši izmantots HTML rakstītu tīmekļa lapu stilam. CSS ļauj norādīt stilu atlasītājus papildus HTML elementu stilu lietošanai. Tas tiek darīts, izmantojot ID un klases atlasītājus. Norādot stilu vienam unikālam elementam, tiek izmantots ID atlasītājs. Norādot stilu elementu grupai, tiek izmantots klases atlasītājs.
Kas ir klase?
CSS klases atlasītāju var izmantot, lai elementu grupai piemērotu savu stilu. Klases selektors tiek izmantots, lai noteiktu stilu pielietotu elementu kopai ar vienu un to pašu klasi. CSS klases atlasītāju identificē ar punktu (.). Šis ir CSS definētā klases atlasītāja piemērs.
.mana klase {
krāsa: zila;
fonta svars: treknrakstā;
}
HTML var atsaukties uz klasi, kas definēta CSS, izmantojot atribūtu klasi, kā parādīts zemāk.
Tas ir mans formatējums
Tas atkal ir mans formatējums
Kā parādīts iepriekš, vienu un to pašu klasi var izmantot vairākiem elementiem, un vienā elementā var izmantot vairākas klases. Ja vienā elementā tiek izmantotas vairākas klases, klases tiek ievietotas klases atribūtā, kuru norobežo atstarpe, kā parādīts zemāk.
Šis ir mans formatējums, izmantojot divas klases
Kas ir ID?
CSS ID atlasītāju var izmantot, lai piemērotu savu stilu vienam unikālam elementam. CSS ID atlasītāju identificē ar hash (#). Šis ir CSS definētā ID atlasītāja piemērs.
#my_ID {
krāsa: sarkana;
text-align: pa labi;
}
HTML var atsaukties uz CSS definēto ID atlasītāju, izmantojot atribūta ID, kā parādīts zemāk.
Šis ir mans formatēšanas veids, kas atlasa ID atlasītāju
ID ir unikāli. Tāpēc katram elementam var būt tikai viens ID, un katrā lapā var būt tikai viens elements ar šo konkrēto ID. ID ir svarīga īpašība, kuru var izmantot pārlūkprogrammā. Ja lapas URL satur jaukšanas vērtību (piemēram, https://myweb.com#my_id), pārlūks mēģinās automātiski atrast elementu ar ID “my_id” un ritināt tīmekļa lapu, lai parādītu šo elementu. Tas ir viens iemesls, kāpēc lapai vajadzētu būt vienam elementam ar konkrēto ID, lai pārlūkprogramma varētu atrast šo elementu.
Kāda ir atšķirība starp klasi un ID?
Lai gan gan klases selektoru, gan ID selektoru var izmantot, lai tīmekļa stila elementiem izmantotu savu stilu, tiem ir dažas būtiskas atšķirības. Klases atlasītāju var izmantot, lai elementu grupai piemērotu savu stilu, savukārt ID atlasītāju izmanto, lai stilu piemērotu vienam unikālam elementam. Izmantojot ID, katram elementam var būt tikai viens ID, un katrā lapā var būt tikai viens elements ar šo konkrēto ID, bet Class varētu izmantot vairākiem elementiem, un vienā elementā var izmantot vairākas Class. Turklāt ID var izmantot, lai automātiski ritinātu lapu, lai parādītu elementu ar šo ID, taču tas nav iespējams ar klases atlasītāju.
