stiluri css Inheritance, care este și cum funcționează

Efectuarea lecții în capitolele anterioare, ați ocupat deja cu moștenirea de stiluri CSS (poate fără măcar să ne gândim la asta). Definiția acestui termen este destul de evident.

Moștenire în CSS - capacitatea de a învăța din elementele de copii ale regulilor de formatare (proprietăți CSS), care sunt atribuite strămoșii lor (despre elementele HTML înrudire am scris mai devreme).

Luați în considerare un exemplu simplu:

Iar rezultatul în captura de ecran:

Captură: Exemplu de moștenire CSS

În captura de ecran, puteți vedea ce tag-uri

Stilul adoptat de strămoșul său . culoarea textului de pe pagina a fost # 913D88. Dar cadru de frontieră apare doar o singură dată - pentru tag-ul . dar nu pentru

.

Pentru a afla dacă este moștenit sau alte bunuri care pot fi în standardul CSS. În cazul în care «Moștenit?» Coloana de lângă proprietățile dorite în valoare de «da», atunci este moștenită.

Înțeles moștenim

Din moment ce se poate specifica folosind moștenesc, valoarea elementului de proprietate moștenită de la strămoșii săi. Această valoare este disponibilă pentru aproape fiecare proprietate în CSS.

Pentru a demonstra utilizarea exemplul anterior: în scopul de a face în continuare tag-uri

moștenesc cadrul de frontieră de strămoșul său . trebuie să scrie:

Captură: Exemplu de utilizare inherit

O astfel de realizare este convenabilă în care pot face schimbări numai la element de stilul caroseriei, dacă este necesar. și tag-uri

petrece timp nu este necesară, deoarece stilul se schimbă automat pentru ei.

Datorită faptului că moștenirea acolo, puteți economisi o cantitate mare de timp, efort și spațiu în cod. În cazul în care nu există astfel de norme, este greu de imaginat ce s-ar fi complicat munca noastră. În acest caz, mecanismul de moștenire CSS este bine gândit, pentru că nu toate proprietățile sunt moștenite (și, dacă ar fi moștenit, atunci nimic bun nu este condus).

În capitolul următor vom studia manualul Cascade CSS.