În general, se pare ca alegerea elementelor din css? Trebuie să scrie un selector și, astfel, există o alegere. De exemplu: p<> - selecteaza toate punctele; tabel<> - selecteaza toate mesele;
Și așa mai departe. Deci, nu pseudo-clasă lucrează în sens invers - vă permite să nu alege orice element. Prin ea însăși o pseudo-utilizare nu are sens, dar numai în combinație cu alte selectoare. Nelăsându atât pentru a elimina elementul de alegere. De exemplu, selectați toate listele, cu excepția uneia.
Exemplul de lucru pseudo acum încerc să nu scrie. Deci, există trei paragrafe, fiecare are un text.
După cum puteți vedea, am dat clasa a treia punctul de stil. Să presupunem că doriți să facă culoarea textului, în toate punctele, cu excepția unuia - verde. Scrie ca aceasta:
Acum, totul, absolut totul paragrafe sunt de culoare verde, cu excepția celor care au un stil de clasa p3. class, am cerut doar pentru a fi în măsură să se refere la ea și pentru a elimina punctele dorite.
Sintaxa pseudo-nu, așa cum s-ar putea ghici, este după cum urmează:
În cazul punctelor, bine am putea face fără clasă stilistică. Lăsați-l să elimine al treilea paragraf, și ia în considerare modul în care este acum posibil să se excludă? Desigur, în cap, în primul rând vine nth-copil sau nth-de-tip. Acest pseudo-clase care vă permit să selectați un articol de pe numărul său de serie în elementul părinte.
Aici este un cod vă va permite să elimine al treilea paragraf și nu va fi dat verde.
Condiția nu a selectorului, care este indicată în paranteze, puteți utiliza selectorii la orice nivel de complexitate și de cuiburi. Asta este, dacă scrie ceva de genul asta:
Toate acestea, fără nici o problemă va funcționa, dar numai cu condiția ca elementul menționat este în stare și nu este exclusă.
Aplicarea în practică
Ei bine, ne-am uitat exemple destul de nerealiste, dar în practică, pseudo nu poate veni la îndemână. De exemplu, atunci când se lucrează cu meniul.
Dacă meniul are un separator, apoi separatorul de obicei, nu ar trebui să fie prezent în primul sau ultimul element de meniu. Și este foarte ușor de implementat. Doar cere primul sau ultimul punct din orice clasă de stil, sau exclude utilizarea / tip nth-of-the nth-copil.
Din nou, s-ar putea fi bine făcut, fără să nu. Puteți seta mai întâi delimitatori pentru toate elementele, și apoi suprascrie doar stilul de elementul dorit, îndepărtarea distanțierul. Dar este nevoie să vă scrie 2-4 linii de cod mai deja. În cazul unui nu foarte elegant vă rezolva întreaga problemă într-o singură linie.
În consecință, exemplul dat am delimitat deoarece este cel mai des întâlnit cu mine. De fapt, în timpul aspectul de aspectul real al acestor puncte pe care le pot aluneca foarte mult.
Pseudo-nu foarte convenabil de a utiliza atunci când aveți nevoie pentru a selecta un grup de celule si se leaga de ele stilurile, dar excluse din 1-2 elementul de grup. Vă sfătuiesc să adopte această caracteristică css și să-l utilizați în layout.
Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram
