Diferența Dintre Clasă și ID

2024 Autor: Mildred Bawerman | [email protected]. Modificat ultima dată: 2023-12-16 08:41

Clasa vs ID

Foi 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 stilizarea paginilor web scrise în HTML. CSS permite specificarea propriilor selectoare 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 folosește selectorul ID. Când se specifică un stil pentru un grup de elemente, se folosește selectorul de clase.

Ce este o clasă?

În CSS, selectorul de clase poate fi utilizat pentru a aplica propriul stil unui grup de elemente. Selectorul de clase este utilizat 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 (.). Următorul este un exemplu de selector de clasă definit în CSS.

.clasa mea {

Culoarea albastra;

font-weight: bold;

}

HTML se poate referi la clasa definită în CSS utilizând clasa de atribute așa cum se arată mai jos.

Aceasta este formatarea mea

Aceasta este din nou formatarea mea

Așa cum se arată mai sus, aceeași clasă ar putea fi utilizată pentru mai multe elemente și 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 ID poate fi utilizat pentru a aplica propriul stil unui singur element unic. În CSS, un selector ID este identificat printr-un hash (#). Următorul este un exemplu de selector ID definit în CSS.

#ID-ul meu {

culoarea rosie;

text-align: dreapta;

}

HTML se poate referi la selectorul ID definit în CSS utilizând atributul id așa cum se arată mai jos.

Acesta este formatarea mea de selector ID

ID-urile 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.com#my_id), browserul va încerca să localizeze automat elementul cu ID-ul „my_id” și să deruleze pagina web pentru a afișa acel element. Acesta este un motiv 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 utilizate pentru a aplica propriul stil elementelor dintr-o pagină web, ele au unele diferențe importante. Selectorul de clase poate fi folosit pentru a aplica propriul stil unui grup de elemente, în timp ce selectorul ID este utilizat pentru a aplica un stil unui singur element unic. Atunci 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 Clasa ar putea fi utilizată 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ă.