În plus față de tipul selectorului. în CSS este posibil să se selecteze un anumit element, indiferent de tipul acesteia. Pentru a face acest lucru, puteți utiliza fie selectorul ID-ul, un selector de clasă.
selectorul id
Selector ID (identificator) este proiectat pentru a aplica un stil la elementele unice pe o pagină web, unicitatea implică faptul că acest element este utilizat pe pagina o dată, ca astfel de elemente pot fi: un site capac, subsol, meniul de navigare și așa mai departe.
Pentru a utiliza selectorul ID-ul, trebuie să creați un identificator (ID), inventând un nume unic și să îl înregistrați în atributul id al elementului la care se va aplica stilul. În descrierea stilul selectorul ID-ul începe cu caracterul # urmat imediat de un identificator de nume.
Fiecare identificator de stil poate fi găsit doar pe pagină o dată, și anume, ID-ul specific poate fi utilizat pe o pagină cu doar tag-ul, pentru care este destinat, în cazul în care același cod va fi aplicat la mai mult de un element, primul cod html nu va trece de validare, în al doilea rând poate provoca un cod invalid de prelucrare browser-ul și veți vedea, nu rezultatul, care este de așteptat.
EXEMPLU operație id selector:
Notă: Nu lăsați numele identificatori care încep cu numere, acestea nu vor funcționa în Mozilla Firefox.
selectorul de clasă
Selector de clasă vă permite precum și selectorul de ID-ul să stil un anumit element al paginii, dar în contrast cu id-ul, selectorul de clasă vă permite să aplicați un stil mai multe elemente pe o pagină web, mai degrabă decât doar unul.
Pentru a utiliza un selector de clasă, trebuie să specificați ce element de pe pagina pe care doriți să-l aplice, pentru aceasta trebuie doar să adăugați atributul de clasă la HTML-tag-ul pe care doriți să stil, și să ofere această valoare la numele clasei pentru a descrie stilul.
Regulile pentru numele de clasă:
- toate numele de selectoare de clasă trebuie să înceapă cu un punct, cu ajutorul browser-ului este un selector de clasă într-o foaie de stil CSS
- în numele clasei este permis să folosească litere numai, numere, cratime și caractere de subliniere
- nume de clasă după punctul ar trebui să înceapă întotdeauna cu o literă
- nume de clase sunt sensibile la caz, de exemplu, .Menu .menu și vor fi luate în considerare în CSS, ca două clase diferite
Dacă aveți nevoie să stil se aplică numai anumitor etichete pe pagină, în selectorul la numele clasei trebuie să specificați elementul la care se va aplica și stilul:
Dupa cum se poate vedea din exemplul, scrie un punct înainte de numele unei clase într-un cod html (în sensul atributului de clasă) nu este necesar. Este necesar doar în numele selectorului în foaia de stil.
Pe acest subiect a se vedea: