Id-ul - un element de identificare unic. Pe de o pagină, un identificator este utilizat doar o singură dată, dar poate fi aplicată mai multor identificatori identice într-o singură pagină, dar poate cauza probleme atunci când se utilizează HTML ancore și JS. Dacă încercați să atribuiți același element (HTML-tag), două cod de identificare diferit, se va exclude numai primul (stânga) ID
Exemplul 1: Testul nu este de dorit să folosească identificatorul (ID)
unitatea de text selectat
unitatea de text selectat
Exemplul 2: deoarece este imposibil să se utilizeze identificatori (ID)
Alocarea două sau mai multe id-1 element de mii nu este permisă
În cazul utilizării simultane a aceluiași element id si class, ID-ul va avea o prioritate mai mare decât clasa:
Definirea stilului CSS
# my_id_r7t # 123; culoare. verde; font-greutate. bold; # 125;
.my_class_r7t # 123; culoare. albastru; Stil de font. italic; # 125;
HTML cu stiluri CSS
Acest paragraf atribuit un identificator de clasă și my_id my_class.
Acest paragraf atribuit un identificator de clasă și my_id my_class.
După cum puteți vedea, culoarea a dobândit valorile înregistrate în identificatorul. Dar dacă te uiți atent, id-ul și clasa pot completa cu succes reciproc: bold, stabilit în identificatorul este combinat cu italice scris în clasa.
În cazul în care descriptorul finisaj
încă și stil:
. rezultatul va fi:
Cea mai mare prioritate are stilul atribuit diskriptoru folosind style = „“.
Un bun exemplu de prioritățile enumerate în documentația oficială privind CSS (eng). Pe scurt, prioritățile în ordine descrescătoare sunt: stil, id, clasa, tag-ul stil.
ID-ul element poate fi aplicat ca HTML-ancoră, în loc de mai mult de design vechi . pentru a putea să se refere la o anumită parte a paginii, fără repornirea sistemului cu popomschyu la etaj . Dacă pagina va fi de mai multe id identice, o situație ambiguă apare.
Când programarea paginilor folosind JS, folosit de multe ori funcția getElementById # 40; # 41;. care este, de asemenea, „se așteaptă“, că ID-ul trebuie să fie unic. În caz contrar, aceasta poate duce la erori în codul.
Când se folosește o clasă. un HTML-descriptor poate fi atribuit stiluri din mai multe clase în același timp:
my_class_r7t # 123; culoare. albastru; Stil de font. italic; # 125;
.my_class_ffR5 # 123; culoare. negru; culoare de fundal. #fafafa; umplutură. 3px; de frontieră. 1px solid # 757575; -Marginea din stânga. 30px; # 125;
Numele diferitelor clase sunt înregistrate printr-un spațiu:
Aplicarea Exemplul 2 din două clase diferite pentru prima HTML-tag.
Cum arată, uita-te mai jos:
Rezultatul aplicării două clase diferite pentru tag-ul HTML primul.
Clasele my_class_r7t my_class_ffR5 și alt set de conținut de culoare HTML-tag. Folosit pentru a fi culoarea care este definită în fișierul stil mai târziu (în acest caz my_class_ffR5 clasa înregistrată după my_class_r7t). Procedura pentru clasele de aplicare în HTML-descriptorul nu contează.
Pentru a aloca un compozit clase stil unic, acestea sunt scrise împreună fără probleov:
my_class_bbbb755 # 123; font-greutate. bold; # 125;
.my_class_ffR5 .my_class_bbbb755 # 123; text-align. dreapta; # 125;
aliniere dreapta, se va aplica numai în cazul în care un singur HTML-descriptor atribuit imediat Clasa 2:
Exemplu de stiluri pentru clase de compuși
Cum arată, uita-te mai jos:
Exemplu de stiluri pentru clase de compuși
Aceeași clasă, spre deosebire de id-ul, aveți posibilitatea să atribuiți cu ușurință numărul de elemente care nu limitat de diferite:
.
.
.
.
Clasa sau id - ce să folosească?
De fapt, nu puteți alege ce să folosiți: clasa sau id. Este în asemănarea a modului de a alege ceea ce este cel mai bine: să mănânce sau să bea? Și să folosească clase și ID-urile necesare, în funcție de scopul propus. În cele mai multe cazuri, cel mai bine este de a utiliza clasa, de a utiliza în mod accidental id-ul nu pe aceeași pagină de mai multe ori. id Cu toate acestea, în cazul în care este necesar, ar trebui să fie utilizat: alocarea unei unități unice a paginii, pentru ancore pentru JS și colab.
Link-uri utile:
articole similare
.
Clasa sau id - ce să folosească?
De fapt, nu puteți alege ce să folosiți: clasa sau id. Este în asemănarea a modului de a alege ceea ce este cel mai bine: să mănânce sau să bea? Și să folosească clase și ID-urile necesare, în funcție de scopul propus. În cele mai multe cazuri, cel mai bine este de a utiliza clasa, de a utiliza în mod accidental id-ul nu pe aceeași pagină de mai multe ori. id Cu toate acestea, în cazul în care este necesar, ar trebui să fie utilizat: alocarea unei unități unice a paginii, pentru ancore pentru JS și colab.