Manual css - selectoare css copil

selectoare pentru copii CSS - selectori este folosit pentru a aplica stiluri pentru elemente numai în acele cazuri în care acestea sunt copii ale celorlalte elemente (părinte). Descendentul selector copil selectorii sunt compuse și constau din selectori simple (clase, ID-uri, etc.).

Din nou, dacă ați uitat ce elementele de copil, să ne amintim, dezmembrare deja familiare un exemplu.

Un element numit un copil al unui alt element, dacă acesta se află în interiorul primul nivel de imbricare. În exemplul nostru, <тег2> și <тег3> fiice sunt <тег1>. și <тег4> - o fiică <тег3> .

selectoare pentru copii constau din două sau mai multe selectoare simple, separate prin „>“, care indică părintele, apoi elementul său copil, fiica elementului fiică, etc. Aceasta este, la fel ca în selectorul descendent este definit de calea arborelui documentului. Stiluri vor fi aplicate numai acelor elemente, selectorii care sunt cele mai recente dintr-o listă. Sintaxa generală:

Lacunele de pe ambele părți ale semnului „>“ poate fi setat, dar nu se poate, așa cum se dorește.

Un exemplu de utilizare a copilului selectori CSS

Rezultatul în browser

În acest exemplu, trebuie să acorde o atenție la două puncte. Există trei elemente

. dar numai doi dintre ei au o cutie, padding și margini. De ce? Și al doilea punct. Numai în primul paragraf culoarea albastră a textului.

Internet Explorer 6.0 nu înțelege selectori copil, așa că, dacă creați un site web bazat pe acest browser vechi - amintiți-vă acest lucru.

selectoare pentru copii în HTML-tabele

Mulți începători (și, uneori, nu mai novici), în crearea de site-uri confruntat cu unele probleme în timpul utilizării selectoare copilului în HTML-tabele. Tu pentru a înțelege ceea ce se spune, să ne uităm la o masă obișnuită.

Și acum întrebarea. Ce ai face dacă ai nevoie de ajutor cu selectori copil pentru a trece de la tag-ul

la celule? Dacă decideți să scrie în acest fel, nu este adevărat:

Si ghici ce este greșit? Nu? Faptul că ai uitat un element de mai multe -

. care, chiar dacă nu este specificat în mod explicit, este încă prezentă în fiecare invizibil HTML-tabel. Doar că el nu are de deschidere și închidere tag-uri necesare, astfel încât uita despre asta de multe ori. Apropo, da, într-un HTML-tutorial, nu am fost cu voi, pentru că, în realitate, este rareori indicație clară a atunci când este necesar. Ei bine, cred că ați ghicit deja ce va corecta înregistrare, dar vă voi arăta toate la fel.

Apropo, nu numai tabele au elemente cu etichete deschizători opționale, există încă unele elemente. Doar practica „uitare“ probleme apar cel mai adesea cu mese, așa că am atras atenția asupra acestui.

Cred că ultimul punct al lecției va fi pentru tine cele mai dificile, dar nu încerca să se scufunde imediat în dezvoltarea de poziționare. Doar fă-ți temele. Apropo, această opțiune nu va funcționa în Internet Explorer 6.0, așa cum omul vechi nu înțelege de poziționare fixă.