Aici este HTML - fișier:
Un CSS - fișier va conține numai selectorii de bloc pe care le vedem mai jos.
selector ID
ridica nivelul
ID-ul -selector cel mai important tip de selectori, atunci când este vorba de CSS - caietul de sarcini. În teorie, au învins alte tipuri de selectori și stiluri. Sună bine, dar în practică nu înseamnă nimic bun, pentru că e frumos să aibă selectoare, care pot fi ușor incalcata, dacă este necesar.
selectorul de clasă
ridica nivelul
Clasa Selectori - prietenii noștri. Poate că acest lucru este selectorii cele mai utilizate și versatil. Parțial, deoarece acestea sunt suportate de toate browserele.
selector de etichete
ridica nivelul
Cel mai mare beneficiu al selectorii tag simțit atunci când modificați proprietăți care sunt unice pentru HTML - Element. De exemplu, setarea element de listă de stil pentru
- sau element de tab-size pentru
. Și în cazul în care doriți să resetați stilurile. că browser-ul se aplică la anumite elemente.Dar, nu ar trebui să se bazeze pe nejustificate pe ele. Ei tind să fie mai util să aibă o clasă definește un stil care poate fi aplicat la orice element HTML-.
atribut selectoare
ridica nivelul
Desigur, ai putea argumenta că atributul selectori sunt mai utile decât clasele selectoare, deoarece acestea nu pot alege doar prin prezența atributului, dar, de asemenea, la valoarea sa exactă.
Ei bine, este rezonabil, dar rețineți că selectorii atribut nu sunt acceptate în IE6.
poziţia selectoare
ridica nivelul
Există mai multe diferite selectoare de poziție: nth-copil. Folosind expresiile simple (cum ar fi 3n = „fiecare al treilea“), puteți selecta elemente în funcție de poziția lor în documentul HTML. Puteți experimenta cu această idee aici, sau de a folosi unele rețete gata făcute.
Pseudo-selectori
ridica nivelul
gol este una din multitudinea de pseudo-selectori pe care le puteți învăța de două puncte (:). De regulă, ele sunt ceva care nu te poate recunoaște elementul sau atributul - separat.
Trebuie remarcat faptul că acestea sunt un pic diferit de pseudo-elementele. care pot fi identificate prin două puncte dublu (: :). Ei sunt responsabili pentru adăugarea de elemente la pagina.
ridica nivelul
Selectors pot fi combinate:
Există, de asemenea, combinații de selectoare, cum ar fi
u +> care afectează selectorii după cum urmează:
Traducere a articolului «Începător Concepte: Cum CSS Căutători de lucru» a fost pregătit de o echipă de proiect prietenos Web design de la A la Z.
articole similare