Înainte de CSS - original, confortabil, practic

-elemente Pseudo și pseudo-clase CSS: înainte, după, plutesc în aer, activ, etc. - posibilitatea efectivă de a îmbunătăți calitatea și pentru a simplifica site-ul de execuție, care nu include codul JavaScript-handler pe evident, nu necesită un complex modele de reacție, evenimente elemente, dialoguri și acțiuni ale vizitatorului.

Pseudo convenabil, multifuncțional, au proprietăți variante semnificative și multiple pentru tigăi simple și complexe privind drepturile de autor: cum originală atrag atenția, perfect clarifica acțiunile necesare pentru a aduce un indiciu în locul potrivit.

Perspective mari deschide URL-ul atunci când sunt specificate () în conținutul pseudo. Într-adevăr, această opțiune deschide noi orizonturi, atât în termeni de descărcare nimic la pagina, si posibila activare a orice, oriunde

O trăsătură distinctivă a pseudo

Pseudo (:: înainte de CSS, :: după) diferite de elemente, selectorii și pseudo-clase care nu au existat inițial în arborele documentului. Poate că, în practică, nu este deosebit de important, dar dacă luăm în considerare problema de plasare a conținutului de pe site-ul, aveți încredere în proprietatea conținutului de ceva semnificativ pentru motorul de căutare nu are nici un sens.

Pseudo :: înainte de a vă CSS permite să adăugați conținut în elementul, și după :: - după. Conținutul poate varia de la simplu text la formatare complexă în ceea ce privește proprietățile CSS, dar fără etichete HTML. Pseudo poate fi poziționat perfect în interiorul elementului, care este atașat, deoarece sensul înainte și după este relativă și mobile. Nu puteți specifica doar poziția, dar , de asemenea , dimensiunile, culori, fundaluri, fonturi, și de a folosi alte caracteristici ale CSS.

Ca pseudo CSS, înainte și după sunt precedate de simbolul „:“, dar standardul CSS3 recomandat „::“. Pentru a testa o anumită utilizare pe o pagină nu va fi niciodată mai mult decât unele browsere sau versiuni pot pur și simplu să nu observați o anumită pseudo.

Condiții generale de utilizare

Prin plasarea, de exemplu, div class = element de care descrie „scElement“ și conținutul „Element“ la pagina, indicând în stil CSS Descriere foaie:

.scElement {
POZIȚIE ...;
z-index ...;
...

}

puteți aplica un pseudo ": hover" pseudo și ":: înainte" CSS:

.scElement: hover :: înainte de {conținut: 'prefixul'; culoare ...; culoare de fundal ...;}.

Apoi, atunci când treceți cursorul mouse-ului înainte de cuvântul „elementul“ va apărea cuvântul „prefixul“, care se va schimba culoarea literelor și fundal.

variante de conținut pseudo

Dacă nu specificați proprietăți pseudo, acestea vor fi la fel ca cea a elementului principal - scElement. Puteți specifica adresa URL, apoi proprietatea de conținut: URL-ul ( „/ scBox / rm-v / SC-rights.png“), atunci când cursorul arată imaginea pe elementul. În cazul conținutului: "\ 03B1" apare matematic simbolul "alfa", dar utilizați caractere speciale: "& nbsp;", " & lt;", "& laquo;", "& raquo;" iar altele nu - ele vor fi afișate ca atare.

Permis o mulțime de opțiuni pentru a specifica conținutul pseudo-: „textul“ normal, URL-ul (), o secvență de caractere hexazecimale, se referă la: deschis citat / close-citat, sau nu-deschis citat / no-close-citat, etc. Așa cum poate fi un indiciu al poziției absolute a conținutului. prin proprietăți de stil, prin aplicarea înainte, CSS va plasa pseudo oriunde în elementul la care este conectat.

Puteți combina utilizarea simultană a înainte și după. Prin urmare, introducerea folosind CSS înainte de caractere de conținut, puteți obține o varietate de efecte, care combină diferite pseudo-clase si pseudo-elementele, surprinde vizitatorul, nu petrece în același timp, chiar și un singur octet-cod JavaScript.

Caracteristici pseudo

Pentru denumirile lor adoptate „:“ caracter, precum și pentru a se referi la pseudo, dar spre deosebire de pseudo CSS3, de obicei, notate cu „::“. Browserele care înțeleg, percep ambele denumiri. Lacunele în înregistrarea nu este permisă, șirul fiind înregistrate și pseudo (sau numai) pseudo înregistrat împreună:

scElement: hover :: înainte de {conținut: 'prefixul'; ...}

scElement: activ: după {content: 'sufixul'; ...}

Este important să ne amintim: CSS înainte de a rula din conținutul site-ului. Stiluri nu sunt legate de conținutul paginii. Pseudo - nu este o excepție. Ele nu apar în arborele DOM și nedorite pentru a le utiliza în secțiunile relevante ale site-ului - în conținutul, ei nu vor primi.

Folosind „“ și „::“ este susținută de platforme mobile și browsere moderne, dar a verifica activitatea pe versiunile mai vechi de multe ori nu sunt de prisos.

Conținutul de pseudo-care nu sunt incluse în conținutul site-ului. Nu va vedea motoarele de căutare. Cum se utilizează această situație - depinde de situația specifică, dar posibilitatea de a folosi CSS înainte, cât și după, în mod independent sau într-un complex, interesant atunci când conținutul este o adresă URL (). Utilizarea directă a pseudo conținut ca și link-uri către site-ul, îi va permite să descarce un fișier, de exemplu, o imagine.

Abilitatea de a schimba fișierele de stil on-line (fișiere de foi de stil în cascadă - fără excepție) nu interferează cu forma și de a folosi pseudo ca este convenabil la un moment dat, în loc algoritmul dreapta, în funcție de acțiunile vizitatorului.