Atšķirība starp klasi un ID

Klase vs ID

Kaskādes stila lapas (CSS) ir valoda, kas raksturo ar iezīmēšanas valodu rakstītā dokumenta izskatu un formatējumu. CSS tiek plaši izmantota HTML lapu rakstīšanai. CSS ļauj noteikt stilu atlasītājus papildus stilu piemērošanai HTML elementiem. Tas tiek darīts, izmantojot ID un klases atlasītājus. Norādot stilu atsevišķam unikālam elementam, tiek izmantots ID atlasītājs. Norādot stilu elementu grupai, tiek izmantots klases atlasītājs.

Kas ir klase?

CSS var izmantot klases selektoru, lai elementu grupai piemērotu savu stilu. Klases atlasītāju izmanto, lai noteiktu stilu piemērotu elementu kopai ar to pašu klasi. CSS klases atlasītāju identificē ar pilnu punktu (.). Šis ir CSS definētās klases atlasītāja piemērs.

.mana klase

krāsa: zila;

burtu svars: treknrakstā;

HTML var atsaukties uz CSS definēto klasi, 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 viens elements var izmantot vairākas klases. Ja vienā un tajā pašā elementā tiek izmantotas vairākas klases, klases tiek ievietotas klases atribūtā, ko norobežo ar atstarpi, kā parādīts zemāk..

Tas 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 ID atlasītāja piemērs, kas definēts CSS.

#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.

Šī ir mana ID atlasītāja formatēšana

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 īpašība, kuru var izmantot pārlūkā. Ja lapas URL satur jaukšanas vērtību (piemēram, http: //myweb.com#my_id), pārlūks mēģinās automātiski atrast elementu ar ID “my_id” un ritinās tīmekļa lapu, lai parādītu šo elementu. Tas ir viens no iemesliem, kāpēc lapai vajadzētu būt vienam elementam ar konkrēto ID, lai pārlūks varētu atrast šo elementu.

Kāda ir atšķirība starp klasi un ID?

Kaut arī gan klases atlasītāju, gan ID atlasītāju var izmantot, lai Web lapas elementiem piemērotu 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ā lappusē var būt tikai viens elements ar šo konkrēto ID, bet klasi var izmantot vairākiem elementiem un vienu elementu var izmantot vairākas klases. Turklāt ID var izmantot, lai automātiski ritinātu lapu, lai parādītu elementu ar šo ID, bet ar klases atlasītāju tas nav iespējams..