Razlika između klase i ID-a

Klasa u odnosu na ID

Kaskadni listovi stila (CSS) jezik je koji opisuje izgled i oblikovanje dokumenta napisanog korištenjem jezika za označavanje. CSS se široko koristi za oblikovanje web stranica napisanih u HTML-u. CSS omogućuje specificiranje vlastitih odabirača stilova uz primjenu stilova za HTML elemente. To se postiže odabirom ID-a i klase. Pri određivanju stila za jedan jedinstveni element koristi se izbornik ID-a. Pri određivanju stila za grupu elemenata koristi se izbornik klase.

Što je klasa?

U CSS-u, izbornik klase može se koristiti za primjenu vlastitog stila na grupu elemenata. Birač klase koristi se za primjenu određenog stila na skup elemenata iste klase. U CSS-u se selektor klase identificira potpunim zaustavljanjem (.). Slijedi primjer odabira klase definiranog u CSS-u.

.moj razred

boja: plava;

težina slova: podebljano;

HTML se može odnositi na klasu definiranu u CSS-u koristeći klasu atributa kao što je prikazano u nastavku.

Ovo je moje oblikovanje

Ovo je ponovno moje oblikovanje

Kao što je prikazano gore, ista klasa može se 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 koji je razgraničen razmakom kao što je prikazano ispod.

Ovo je moje oblikovanje pomoću dvije klase

Što je osobna iskaznica?

U CSS-u, izbornik ID-a može se koristiti za primjenu vlastitog stila na jedan jedinstveni element. U CSS-u, selektor ID-a prepoznaje se pomoću hash-a (#). Slijedi primjer odabirača ID-a definiranog u CSS-u.

#Moj ID

boja: crvena;

text-align: right;

HTML se može pozivati ​​na ID selektor definiran u CSS-om koristeći atribut ID kao što je prikazano u nastavku.

Ovo je moj format za oblikovanje ID-a

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 s preglednikom. Ako URL stranice sadrži hash vrijednost (npr. Http: //myweb.com#my_id), preglednik će pokušati automatski locirati element s ID-om "my_id" i pomicati web stranicu kako bi se prikazao taj element. To je jedan od razloga zašto stranica treba imati jedan element s određenim ID-om, kako bi preglednik mogao pronaći taj element.

Koja je razlika između Klase i ID-a?

Iako se i izbornik klase i selektor ID-a mogu koristiti za primjenu vlastitog stila na elemente na web stranici, 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 jedan 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 za prikaz elementa s tim ID-om, ali to nije moguće pomoću birača klase.