Klasa vs ID
Cascading Style Sheets (CSS) je jezik koji opisuje izgled i formatiranje dokumenta napisanog pomoću jezika za označavanje. CSS se široko koristi za stiliziranje web stranica napisanih u HTML-u. CSS omogućava specificiranje sopstvenih selektora stilova pored primene stilova za HTML elemente. Ovo se radi pomoću ID-a i selektora klase. Kada se specificira stil za jedan jedinstveni element, koristi se ID selektor. Kada se specificira stil za grupu elemenata, koristi se selektor klase.
Šta je klasa?
U CSS-u, selektor klase se može koristiti za primjenu vašeg vlastitog stila na grupu elemenata. Selektor klase se koristi za primenu određenog stila na skup elemenata sa istom klasom. U CSS-u, selektor klase je označen tačkom (.). Slijedi primjer selektora klase definiranog u CSS-u.
.my_class {
boja: plava;
font-weight: bold;
}
HTML se može odnositi na klasu definiranu u CSS-u korištenjem klase atributa kao što je prikazano ispod.
Ovo je moje formatiranje
Ovo je ponovo moje formatiranje
Kao što je gore prikazano, ista klasa se može koristiti za više elemenata, a jedan element može koristiti više klasa. Kada se više klasa koristi u istom elementu, klase se ubacuju u atribut klase razgraničen razmakom kao što je prikazano ispod.
Ovo je moje formatiranje koristeći dvije klase
Šta je ID?
U CSS-u, ID selektor se može koristiti za primjenu vašeg vlastitog stila na jedan jedinstveni element. U CSS-u, ID selektor je identificiran hešom (). Slijedi primjer ID selektora definiranog u CSS-u.
my_ID {
boja: crvena;
text-align:right;
}
HTML se može odnositi na ID selektor definiran u CSS-u korištenjem atributa id kao što je prikazano ispod.
Ovo je moje formatiranje iz ID selektora
ID-ovi su jedinstveni. Stoga svaki element može imati samo jedan ID i svaka stranica može imati samo jedan element s tim specifičnim ID-om. ID-ovi imaju važnu karakteristiku koja se može koristiti sa pretraživačem. Ako URL stranice sadrži hash vrijednost (npr. https://myweb.commy_id), pretraživač će pokušati automatski locirati element s ID-om “my_id” i pomicati web stranicu da prikaže taj element. Ovo je jedan od razloga zašto bi stranica trebala imati jedan element sa tim specifičnim ID-om, tako da pretraživač može locirati taj element.
Koja je razlika između klase i ID-a?
Iako se i selektor klase i ID selektor mogu koristiti za primjenu vašeg vlastitog stila na elemente na web stranici, oni imaju neke važne razlike. Selektor klase može se koristiti za primjenu vašeg vlastitog stila na grupu elemenata, dok se ID selektor koristi za primjenu stila na jedan, jedinstveni element. Kada se koriste ID-ovi, svaki element može imati samo jedan ID i svaka stranica može imati samo jedan element s tim specifičnim ID-om, ali Class se može koristiti za više elemenata i jedan element može koristiti više klasa. Nadalje, ID se može koristiti za automatsko pomicanje stranice kako bi se prikazao element sa tim ID-om, ali to nije moguće sa selektorom klasa.
