Diferența dintre clasă și ID
Share
Class vs ID
Foi de stil cascadă (CSS) este o limbă care descrie aspectul și formatarea unui document scris folosind un limbaj de markup. CSS este utilizat pe scară largă pentru a personaliza paginile web scrise în HTML. CSS permite specificarea propriilor selectori de stil în plus față de aplicarea stilurilor pentru elementele HTML. Acest lucru se face folosind selectorii de ID și de clasă. Când specificați un stil pentru un singur element unic, se utilizează selectorul de identificare. Când se specifică un stil pentru un grup de elemente, selectorul de clasă este utilizat.
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 anumit stil unui set de elemente cu aceeași clasă. În CSS, un selector de clasă este identificat de o oprire completă (.). 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 formarea mea
Acesta este din nou formatarea mea
Așa cum am arătat mai sus, aceeași clasă ar putea fi folosită pentru mai multe elemente și un singur element poate folosi mai multe clase. Atunci când sunt utilizate mai multe clase în același element, clasele sunt inserate în atributul de clasă delimitat de un spațiu după cum se arată mai jos.
Aceasta este formatul meu folosind două clase
Ce este un ID?
În CSS, selectorul de identificare poate fi folosit pentru a aplica propriul stil unui singur element unic. În CSS, selectorul de identificare este identificat printr-un hash (#). Următorul este un exemplu de selector de identificare definit în CSS.
#ID-ul meu
culoarea rosie;
text-align: dreapta;
HTML se poate referi la selectorul de identificare definit în CSS utilizând id-ul atributului, după cum se arată mai jos.
Aceasta este forma mea de formare un selector de identificare
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 ex. Http: //myweb.com#my_id), browserul va încerca să localizeze automat elementul cu ID "my_id" și să defileze pagina web pentru a afișa acel element. Acesta este motivul 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ă selectorul de clasă și selectorul de identificare pot fi folosite pentru a aplica propriul dvs. stil elementelor dintr-o pagină web, ele au unele diferențe importante. Selectorul de clasă poate fi folosit pentru a aplica propriul dvs. stil unui grup de elemente, în timp ce selectorul de identificare 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 ID-ul respectiv, dar clasa ar putea fi utilizată pentru mai multe elemente și un singur element poate utiliza mai multe clase. Mai mult, ID-ul poate fi folosit pentru a derula automat o pagină pentru a afișa elementul cu acel cod, dar acest lucru nu este posibil cu selectorul de clasă.
