Klasa vs ID
Cascading Style Sheets (CSS) je jezik koji opisuje izgled i oblikovanje dokumenta napisanog korištenjem označnog jezika. CSS se široko koristi za stiliziranje web stranica napisanih u HTML-u. CSS omogućuje određivanje vlastitih selektora stilova uz primjenu stilova za HTML elemente. To se radi pomoću selektora ID-a i klasa. Prilikom određivanja stila za jedan jedinstveni element koristi se ID selektor. Kada se specificira stil za grupu elemenata, koristi se selektor klase.
Što je klasa?
U CSS-u, Class selector se može koristiti za primjenu vlastitog stila na grupu elemenata. Birač klase koristi se za primjenu određenog stila na skup elemenata s istom klasom. U CSS-u selektor klase identificiran je točkom (.). Slijedi primjer selektora klase definiranog u CSS-u.
.moj_razred {
boja: plava;
font-weight: bold;
}
HTML se može odnositi na klasu definiranu u CSS-u korištenjem klase atributa kao što je prikazano u nastavku.
Ovo je moje oblikovanje
Ovo je opet moje oblikovanje
Kao što je gore prikazano, ista klasa se može koristiti za više elemenata i jedan element može koristiti više klasa. Kada se više klasa koristi u istom elementu, klase se umeću u atribut klase omeđen razmakom kao što je prikazano u nastavku.
Ovo je moje oblikovanje pomoću dvije klase
Što je ID?
U CSS-u, ID selektor se može koristiti za primjenu vlastitog stila na jedan jedinstveni element. U CSS-u selektor ID-a identificira se hashom (). Slijedi primjer ID selektora definiranog u CSS-u.
my_ID {
boja: crvena;
text-align:right;
}
HTML se može odnositi na selektor ID-a definiran u CSS-u korištenjem atributa id kao što je prikazano u nastavku.
Ovo je moje oblikovanje 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 određenim ID-om. ID-ovi imaju važnu karakteristiku koja se može koristiti s preglednikom. Ako URL stranice sadrži hash vrijednost (npr. https://myweb.commy_id), preglednik ć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 s tim određenim ID-om, tako da preglednik može locirati taj element.
Koja je razlika između klase i ID-a?
Iako se i selektor klase i selektor ID-a mogu koristiti za primjenu vlastitog stila na elemente na web stranici, oni imaju neke važne razlike. Selektor klase može se koristiti za primjenu vlastitog stila na grupu elemenata, dok se selektor ID-a koristi za primjenu stila na pojedinačni, jedinstveni element. Kada koristite ID-ove, svaki element može imati samo jedan ID i svaka stranica može imati samo jedan element s tim specifičnim ID-om, ali klasa 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 s tim ID-om, ali to nije moguće s selektorom klase.
