Pseudo-clase în css
Learning CSS pseudo-clase în
Bună ziua, prieteni, astăzi Să examinăm conceptul în CSS pseudo-limbaj (diferența dintre pseudo și pseudo-a se vedea la sfârșitul articolului).
Pseudo - sunt comenzi speciale, care pot fi folosite pentru a pune în aplicare un eșantion elemente subțiri și să le cereți CSS-proprietăți, precum și juca unele efecte de animație.
Schema de pseudo obișnuit în CSS, după cum urmează:
Înainte de numele de pseudo-clasă, precedat de două puncte.
Un exemplu comun al unei pseudo, care schimba aspectul elementului atunci când treceți mouse-ul peste ea. De exemplu, puteți vedea efectul atunci când treceți cu cursorul mouse-ului peste link-ul localizat în meniul lateral: tiranții vor apărea în subliniere. Acest efect de animație care apare din cauza pseudo-clasa: Hover.
CSS-cod este după cum urmează:
Cu ajutorul pseudo-: hover. în plus față de linkurile pe care le puteți schimba, de asemenea, aspectul și alte elemente. De exemplu, pe site-ul meu pentru webmasteri. merge rânduri subliniind în tabel atunci când treceți cu mouse-ul pe ele, efectul pe care îl puteți vedea în articolul Culorile din CSS
CSS-cod este după cum urmează:
Ce pseudo-există în CSS?
Luați în considerare ceea ce pseudo-există în limbajul CSS.
Pseudo-operare cu stat membru
Pseudo utilizate pentru a forma elemente de
- : Verificat - specifică CSS-proprietăți în elementele de formă de alocare, cum ar fi casetele de selectare (radio) sau pereklyuchaeteli (casetă de selectare)
- : Dezactivat - specifică CSS-proprietăți este dezactivat (blocat) elemente de formular
- : Activat - specifică proprietățile CSS-ului elementelor (convenționale) ale formei
- : Opțional - setează CSS proprietăți nu sunt necesare pentru a umple intrarea elemente de formular. care nu au nevoie de atribut
- : Obligatoriu - specifică CSS proprietăți necesare pentru a umple intrarea elemente de formular. care au un atribut obligatoriu
articole Pseudo pentru prelucrarea lemnului
- : Primul copil - stabilește CSS proprietățile primului urmaș al părinților (părinte-copil: primul-copil <> )
- : Ultimele-copil - stabilește CSS-proprietăți mai recente progenituri ale părinților
- : Prima de tip - definește CSS proprietățile primului descendenți părinților în funcție de tipul
- : Ultimele-de-tip - definește CSS-proprietăți mai recente progenituri ale părinților în funcție de tipul
- : Nth-child - setează CSS proprietățile descendenților ale părintelui pe baza numărului lor în structura HTML-document sau în cadrul părinte (: nth-copil (nui | chiar | Numărul | expresie))
- : Nth-ultimul-copil - la fel ca: nth-copil. Numai numerotarea trece de la sfârșitul
- : Nth-de-tip - definește CSS proprietățile descendenților unui tip de element, în funcție de numărul lor în structura HTML-document sau în cadrul societății-mamă (: nth-de-tip (nui | expresie) chiar și | | Număr)
- : Nth-ultima-de-tip - la fel ca: nth-de-tip. Numai numerotarea trece de la sfârșitul
- : Numai copil - stabilește elementele CSS-proprietăți copil, atâta timp cât acesta este singurul părinte
- : Numai de-tip - definește CSS-proprietate element de descendent al tipului, cu condiția ca acesta este singurul părinte
Sub-mamă este acolo pentru a înțelege selectorul normale, în care elementele de date sunt.
Restul pseudo
Diferența dintre pseudo și pseudo este: pseudo stabilește stilul pentru elementul de pagină. un stil pseudo seturi pentru o parte a elementului paginii și poate crea chiar și o parte suplimentară.
La aceasta până când toate vor să știe diferența dintre pseudo-clase nth-child și nth-de-tip. Apoi, bun venit la următoarea lecție 🙂
poezii pentru copii tătară - pentru copii și părinții lor care participă la grădiniță matinee.