Prije CSS - original, udobna, praktična

Pseudo-elementi i pseudo-klase CSS: prije, poslije, lebde aktivan, itd - učinkovito prilika za poboljšanje kvalitete i pojednostaviti stratište, ne uključujući JavaScript-rukovatelj koda na očigledan, ne zahtijevaju složeno reakcije dizajna, elementi događaji, dijalozi i radnje posjetitelja.

Pseudo zgodan, višenamjenski, imaju značajne i više nekretnina izbor za jednostavne i složene autorskih prava tave: kako originalni skrenuti pozornost, neprimjetno razjašnjenja potrebne radnje kako bi savjet na pravom mjestu.

Veliki su izgledi otvoriti kada određeni URL () u sadržaju pseudo. Doista, ova opcija otvara nove vidike, kako u pogledu preuzimanja ništa na stranici, a moguće aktiviranje bilo gdje

Posebnost pseudo

Pseudo (:: prije CSS, :: poslije) različita od elemenata, selektora i pseudo-klase koji nije izvorno postoji u stablu dokumenata. Možda, u praksi to nije osobito važno, ali ako uzmemo u obzir pitanje postavljanja sadržaja na stranici, imate povjerenja imovine sadržaja nešto smisleno za tražilicu nema smisla.

Pseudo :: prije CSS vam omogućuje da dodate sadržaj na elementu, a :: poslije - poslije. Sadržaj može varirati od jednostavnog teksta u složenom oblikovanja u smislu CSS svojstva, ali bez HTML tagova. Pseudo može biti savršeno pozicioniran unutar elementa, koji je vezan na, jer značenje prije i poslije je relativna i mobitel. Ne možete samo navesti poziciju, ali i veličina, boja, pozadina, fontova i koristiti druge značajke CSS.

Kao pseudo CSS, prije i poslije prethodi simbol „:”, ali CSS3 standardni preporučuje „::”. Da bi testirali određenu upotrebu na stranici nikada neće biti više od neki preglednici ili verzije jednostavno ne primijetiti određenu pseudo.

Opći uvjeti korištenja

Postavljanjem npr div elementa opisuju class = „scElement” i sadržaj „element” na stranici, što ukazuje na CSS stila opisa list:

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

}

možete primijeniti pseudo ": lebdeća" pseudo i ":: prije" CSS-a:

.scElement: hover {:: prije sadržaja: 'prefiks'; boje ...; pozadini boje ...;}.

Onda kada zadržite pokazivač miša ispred riječi „Element” pojavit će se riječ „prefiks”, koji će promijeniti boju slova i pozadine.

varijacije sadržaja pseudo

Ako ne navedete pseudo svojstva, oni će biti isti kao da je od glavnih elemenata - scElement. Možete navesti URL, a zatim imovine sadržaja: url ( „/ scBox / rm-v / SC-rights.png”) kada se pokazivač prikazuje sliku na elementu. U slučaju sadržaj: "\ 03B1" pojavljuje se matematički simbol "alfa", ali koriste posebne znakove: "& nbsp;", " & lt;", "& laquo;", "& raquo;" a drugi ne - oni će se prikazati kao što je.

Dopušteno puno mogućnosti za određivanje sadržaja pseudo: normalan „tekst”, url (), slijed heksadecimalni likova, odnose se na: otvorene citat / zatvaranje-citat ili ne-otvorenom citat / ne-blizu-citat, itd Kako mogu biti pokazatelj apsolutne pozicije sadržaja. kroz stil svojstva, primjenom prije, CSS će staviti pseudo bilo gdje u elementu na koji je spojen.

Možete kombinirati istovremene uporabe prije i poslije. Dakle, postavljanje pomoću CSS prije sadržajem znakova, možete dobiti razne efekte, kombinirajući različite pseudo-klase i pseudo-elementi, iznenaditi posjetitelja, ne troše istovremeno ni jedan bajt-koda JavaScript.

Značajke pseudo

Za njihove oznake usvojena „:” karakter, kao i da se odnosi na pseudo, ali za razliku od CSS3 pseudo obično označeno kao „::”. Preglednici koji ga razumiju, vide obje oznake. Rupe u snimanje nije dopuštena, niz snima i pseudo (ili jedini) pseudo bilježe zajedno:

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

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

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

Korištenje „” i „::” je podržan od strane mobilne platforme i modernim preglednicima, ali provjerite rad na starijim verzijama često nisu suvišni.

Sadržaj pseudo-nisu uključene u sadržaj stranice. To neće vidjeti tražilicama. Kako koristiti ovu okolnost - ovisi o specifičnoj situaciji, ali je mogućnost korištenja CSS i prije, kao i poslije, samostalno ili u kompleksu, zanimljivo kada je sadržaj URL (). Izravna uporaba pseudo sadržaja kao linkove na stranice, omogućit će mu preuzeti datoteku, na primjer, sliku.

Sposobnost za promjenu stila datoteke online (CSS datoteke - nije iznimka) ne ometa obliku i koristiti pseudo kao što je prikladan u svakom trenutku, na pravom mjestu algoritam, ovisno o posjetitelju akcije.