Prije nego CSS - originalna, udoban, praktičan

Pseudo-elemenata i pseudo-klase CSS: prije, poslije, hover, aktivna, itd - efektivna mogućnost da se poboljša kvalitet i pojednostaviti stratište, ne uključujući JavaScript-kontejnera kod na očigledno, ne zahtijevaju složene reakcije dizajna, elementi događaja, dijaloga i radnje posjetitelja.

Pseudo zgodan, multifunkcionalni, imaju značajne i višestruki izbor svojstva za jednostavne i složene tave autorskih prava: kako originalni bi privukli pažnju, neprimjetno pojasniti akcije koje su potrebne da bi nagovještaj na pravom mjestu.

Velike izglede da otvori kada navedene url () u sadržaju pseudo. Zaista, ova opcija otvara nove horizonte, kako u pogledu preuzimanja ništa stranice, a moguće aktiviranje bilo nigdje

Posebnost pseudo

Pseudo (:: pred CSS, :: poslije) razlikuje od elemenata, selektora i pseudo-klase koje nije izvorno postoji u drvetu. Možda, u praksi to nije posebno važno, ali ako uzmemo u obzir pitanje stavljanja sadržaja na sajtu, imate poverenja vlasništvo sadržaj nešto značajno za tražilice nema smisla.

Pseudo :: pred CSS vam omogućava da dodate sadržaj elementa, i :: poslije - nakon toga. Sadržaj se može razlikovati od jednostavnih tekstualnih do složenih oblikovanje u smislu CSS svojstva, ali ne i HTML oznaka. Pseudo može biti savršeno pozicioniran unutar elementa, koji je priključen na, jer je značenje prije i poslije je relativna i mobilne. Ne možeš samo odrediti položaj, ali i veličina, boja, pozadina, fontova, i koristiti druge funkcije CSS.

Kao pseudo CSS, i prije i poslije prethodi simbol ":", ali CSS3 standard preporučuje "::". Da biste testirali određenu upotrebu na stranici nikada neće biti više nego neki pretraživači ili verzije mogu jednostavno ne primijetiti određenu pseudo.

Opći uvjeti korištenja

Postavljanjem, npr div element opisuje class = 'scElement i sadržaja "Element" na stranu, što ukazuje na CSS stilu opis stanja:

.scElement {
POLOŽAJ ...;
z-index ...;
...

}

možete primijeniti pseudo ": hover" pseudo i ":: pre" CSS:

.scElement: hover :: pre {sadržaja: 'prefiks'; boja ...; pozadine-boja ...;}.

Onda kada lebdite pokazivač miša ispred riječi 'Element' će se pojaviti riječ 'prefiks', koji će promijeniti boju slova i pozadine.

Sadržaj varijacije pseudo

Ako ne navedete pseudo svojstva, oni će biti isti kao i glavni element - scElement. Možete odrediti URL, a zatim imovine sadržaj: url ( '/ scBox / RM-v / SC-rights.png'), kada je kursor pokazuje sliku na element. U slučaju sadržaja: "\ 03B1" se pojavljuje matematički simbol "alfa", već je potrebno koristiti specijalne znakove: "& nbsp;", " & lt;", "& laquo;", "& raquo;" a drugi ne - oni će se prikazati kao što je to.

Dozvoljeno puno opcija da precizira sadržaj pseudo: normalni "tekst", url (), niz heksadecimalnih znakova, pogledajte: open-quote / close-quote, ili ne-open-citat / ne-blizu-citat, itd Kao može biti pokazatelj apsolutne pozicije sadržaja. kroz svojstva stila, primjenom prije, CSS će staviti pseudo bilo gdje u elementu na koji je povezan.

Možete kombinirati istovremenu upotrebu prije i poslije. Stoga, postavljanje pomoću CSS pred znakova sadržaj, možete dobiti različite efekte, kombinujući različite pseudo-klase i pseudo-elemenata, iznenaditi posjetitelja, a ne provodi u isto vrijeme, čak jedan bajt-koda JavaScript.

ima pseudo

Za donijeli svoje oznake ":" karaktera, kao i da se odnosi na pseudo, ali za razliku od CSS3 pseudo obično označava sa "::". Pretraživačima da razumiju, vide i oznake. Praznine u snimanje nije dozvoljeno, niz koji se snima i pseudo (ili samo) pseudo snimljeni zajedno:

scElement: hover :: pre {sadržaja: 'prefiks'; ...}

scElement: aktivna: nakon {sadržaja: 'sufiks'; ...}

Važno je zapamtiti: CSS prije ponestaje sadržaj sajta. Stilovi se ne odnose na sadržaj stranice. Pseudo - nije izuzetak. Oni se ne pojavljuju u DOM stablo i nepoželjno da ih koriste u relevantnim dijelovima lokacije - u sadržaju, oni neće dobiti.

Koristeći "" i "::" je podržan od strane mobilne platforme i modernim pretraživačima, ali provjerite rad na starijim verzijama često nisu suvišne.

Sadržaj pseudo-nisu uključene u sadržaj sajta. To neće vidjeti tražilicama. Kako biste koristili ovu okolnost - ovisi o specifičnoj situaciji, ali i mogućnost prije korištenja CSS, kao i nakon toga, samostalno ili u složenom, zanimljiv kada je sadržaj URL (). Direktna upotreba sadržaja pseudo kao linkovi na sajt, će mu omogućiti da preuzmete datoteku, na primjer, sliku.

Sposobnost za promjenu stila datoteke online (kaskadni stil listova datoteka - nije iznimka) ne ometa oblik i koristiti pseudo koliko je praktičan u svakom trenutku, na pravom algoritam mjesto, ovisno o akcijama posetioca.