Clasă vs ID
Foile de stil în cascadă (CSS) este un limbaj care descrie aspectul și formatarea unui document scris folosind un limbaj de marcare. CSS este utilizat pe scară largă pentru a stila paginile web scrise în HTML. CSS permite specificarea propriilor selectori de stil pe lângă aplicarea stilurilor pentru elementele HTML. Acest lucru se face folosind ID-ul și selectoarele de clasă. Când se specifică un stil pentru un singur element unic, se utilizează selectorul ID. Când specificați un stil pentru un grup de elemente, se utilizează selectorul de clasă.
Ce este o clasă?
În CSS, selectorul de clasă poate fi folosit pentru a aplica propriul stil unui grup de elemente. Selectorul de clasă este folosit pentru a aplica un stil specific unui set de elemente cu aceeași clasă. În CSS, un selector de clasă este identificat printr-un punct (.). Mai jos este un exemplu de selector de clasă definit în CSS.
.clasa_mea {
culoare: albastru;
font-weight: bold;
}
HTML se poate referi la clasa definită în CSS utilizând clasa de atribut, așa cum se arată mai jos.
Acesta este formatarea mea
Acesta este formatarea mea din nou
După cum se arată mai sus, aceeași clasă poate fi utilizată pentru mai multe elemente, iar un singur element poate folosi mai multe clase. Când sunt utilizate mai multe clase în același element, clasele sunt inserate în atributul de clasă delimitat de un spațiu, așa cum se arată mai jos.
Aceasta este formatarea mea folosind două clase
Ce este un ID?
În CSS, selectorul de ID poate fi folosit pentru a aplica propriul stil unui singur element unic. În CSS, un selector de ID este identificat printr-un hash (). Mai jos este un exemplu de selector de ID definit în CSS.
my_ID {
culoare: roșu;
text-align:right;
}
HTML se poate referi la selectorul de ID definit în CSS utilizând id-ul de atribut, așa cum se arată mai jos.
Acesta este formatarea mea dintr-un selector de ID
ID-uri sunt unice. Prin urmare, fiecare element poate avea doar un singur ID și fiecare pagină poate avea doar un singur element cu acel ID specific. ID-urile au o caracteristică importantă care poate fi utilizată cu un browser. Dacă adresa URL a paginii conține o valoare hash (de exemplu, https://myweb.commy_id), browserul va încerca să localizeze automat elementul cu ID-ul „my_id” și va derula pagina web pentru a afișa acel element. Acesta este unul dintre motivele pentru care pagina ar trebui să aibă un singur element cu acel ID specific, astfel încât browserul să poată localiza acel element.
Care este diferența dintre clasă și ID?
Chiar dacă atât selectorul de clasă, cât și selectorul de ID pot fi folosite pentru a aplica propriul stil elementelor dintr-o pagină web, acestea au câteva diferențe importante. Selectorul de clasă poate fi folosit pentru a aplica propriul stil unui grup de elemente, în timp ce selectorul de ID este folosit pentru a aplica un stil unui singur element unic. Când se utilizează ID-uri, fiecare element poate avea doar un singur ID și fiecare pagină poate avea doar un singur element cu acel ID specific, dar Class poate fi folosită pentru mai multe elemente și un singur element poate folosi mai multe Clase. În plus, ID-ul poate fi folosit pentru a derula automat o pagină pentru a afișa elementul cu acel ID, dar acest lucru nu este posibil cu selectorul de clasă.
