Introducere în selectorii CSS, pentru începători
Lecția # 9
Selectori CSS pentru începători
Selectorii sunt unul dintre cele mai importante subiecte din limbajul CSS, pe acest site, există chiar o secțiune specială dedicată lor, iar în această lecție vom fi puțin familiarizați cu ei.
Selector (din selectorul latin) - selecție, sortare.
După cum știți deja, limbajul CSS atribuie diferite elemente elementelor de pagină (anteturi, paragrafe etc.), dar înainte de a atribui o proprietate CSS elementului de pagină, trebuie să îl selectați mai întâi.
De exemplu, dacă vrem să schimbăm ceva într-un paragraf, vom scrie numele său p și toate paragrafele de pe site-ul schimbare. Dar dacă nu vrem să schimbăm toate paragrafele paginii, dar numai câteva dintre ele? Pentru aceasta, un selector de clasă sau un selector de identificator unic va veni în ajutorul nostru.
Există trei tipuri principale de selectori:
1. eticheta selectorului. doar numele etichetei, înainte de care am lucrat numai cu ea.
2. selector de clasă. aceasta este atunci când etichetei i se atribuie atributul class = "classname" și după numele ei puteți selecta un element, același nume de clasă poate fi atribuit mai multor etichete.
3. selectorul unui identificator unic. atunci când etichetei i se atribuie atributul id = "numele identificatorului unic" și după numele său se poate selecta un element, același nume al identificatorului unic poate fi atribuit unei singure etichete pe pagină.
Selectori în codul CSS
Să examinăm exemple de utilizare a selectorilor diferiți:
În CSS, numele clasei trebuie să înceapă cu o perioadă. ci un identificator unic de la #.
Schema de cod CSS
Dacă este cazul, am scris următoarea schemă de cod CSS:
Acum, poate fi scris astfel:
Unde selectorul poate acționa:
1. Numele etichetei: h1. p, etc,
2. Numele clasei. nume de clasă și
3. numele identificatorului unic: # numele identificatorului unic
Articole similare
Trimiteți-le prietenilor: