Klase pret ID
Cascading Style Sheets (CSS) ir valoda, kas apraksta tāda dokumenta izskatu un formatējumu, kas rakstīts, izmantojot iezīmēšanas valodu. CSS tiek plaši izmantots, lai veidotu tīmekļa lapas, kas rakstītas HTML valodā. CSS ļauj norādīt savus stila atlasītājus papildus stilu pielietošanai HTML elementiem. 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 atlasītājs tiek izmantots, lai piemērotu noteiktu stilu elementu kopai ar vienu un to pašu klasi. CSS klases atlasītājs tiek identificēts ar punktu (.). Tālāk ir sniegts CSS definētā klases atlasītāja piemērs.
.mana_klase {
krāsa: zila;
fonta svars: treknraksts;
}
HTML var atsaukties uz klasi, kas definēta CSS, izmantojot atribūtu klasi, kā parādīts tālāk.
Šis ir mans formatējums
Šis atkal ir mans formatējums
Kā parādīts iepriekš, vienu un to pašu klasi var izmantot vairākiem elementiem, un viens elements var izmantot vairākas klases. Ja vienā elementā tiek izmantotas vairākas klases, tās tiek ievietotas klases atribūtā, ko norobežo ar atstarpi, kā parādīts tālāk.
Šis ir mans formatējums, izmantojot divas klases
Kas ir ID?
CSS attēlu var izmantot, lai piemērotu savu stilu vienam unikālam elementam. CSS ID atlasītāju identificē ar jaucējzīmi (). Tālāk ir sniegts CSS definētā ID atlasītāja piemērs.
mans_ID {
krāsa: sarkana;
text-align:right;
}
HTML var atsaukties uz ID atlasītāju, kas definēts CSS, izmantojot atribūta ID, kā parādīts tālāk.
Šis ir mans formatējums no ID atlasītāja
ID ir unikāli. Tāpēc katram elementam var būt tikai viens ID, un katrai lapai var būt tikai viens elements ar šo konkrēto ID. ID ir svarīga iezīme, ko var izmantot pārlūkprogrammā. Ja lapas URL satur jaucējvērtību (piemēram, https://myweb.commy_id), pārlūkprogramma 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 no iemesliem, kāpēc lapā ir jābūt vienam elementam ar šo konkrēto ID, lai pārlūkprogramma varētu atrast šo elementu.
Kāda ir atšķirība starp klasi un ID?
Lai gan klases atlasītāju un ID atlasītāju var izmantot, lai tīmekļa lapas elementiem piemērotu savu stilu, tiem ir dažas būtiskas atšķirības. Klases atlasītāju var izmantot, lai lietotu savu stilu elementu grupai, savukārt ID atlasītāju izmanto, lai piemērotu stilu 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, taču klasi var izmantot vairākiem elementiem, un viens elements var izmantot vairākas klases. 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.
