Prije CSS - izvorni, prikladan, praktičan

Pseudo-elementi i CSS pseudo-klase:

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.

Velike perspektive se otvaraju kada url () bude naveden u sadržaju pseudo-elementa. Doista, ova opcija otvara nove horizonte, kako u smislu preuzimanja nečega na stranicu, tako iu eventualnoj aktivaciji nečega negdje

Značajna osobina pseudo-elemenata

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-element :: prije CSS-a omogućuje dodavanje sadržaja prije elementa, i :: nakon - poslije. Sadržaj može varirati od jednostavnog teksta do složenog oblikovanja u smislu CSS svojstava, ali ne i HTML oznaka. Pseudo-element može biti apsolutno postavljen unutar elementa na koji je pričvršćen, tako da je prije i nakon smisla relativan i mobilan. Ne možete samo navesti položaj, već i dimenzije, boja, pozadina, fontove i koristiti druge CSS svojstva.

Poput CSS pseudo-klasa, prije i poslije prethodi simbol ":", ali prema standardu CSS3, preporučuje se "::". Testiranje određene upotrebe na stranici nikada neće biti suvišno: neki preglednici ili inačice njih jednostavno ne primjećuju ovaj ili taj pseudo-element.

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 {
POSITION ...-
z-indeks ...-
...

}

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

.scElement: lebdjeti :: prije {content: `prefix`-boja ...- background-color ...-}.

Zatim, kada držite miša iznad riječi "Element", pojavit će se riječ "prefiks", koja će promijeniti boju slova i pozadine.

Varijacije sadržaja pseudo-elemenata

Ako ne odredite svojstva u pseudo-elementu, ostat će isti kao i glavni element - scElement. Možete odrediti URL, a zatim će se stavka sadržaja: url (`/ scBox / rm-v / sc-rights.jpg`) zadržati iznad elementa kada zadržite pokazivač miša iznad elementa. U slučaju sadržaja: " 03B1", matematički simbol "alfa", ali koristite posebne znakove: ";", "lt;", "laquo;", "raquo;" i drugi ne bi trebali - oni će biti prikazani kao takvi.

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 svojstva stila, onda, primjenom prije, CSS će omogućiti postavljanje pseudo-elementa bilo gdje u elementu kojemu je priključen.

Možete kombinirati istodobnu uporabu 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 jаvascript.

Značajke pseudo-elemenata

Za njihovu oznaku koristi se simbol ":", kao i za pseudo-klase, ali u CSS3, razlikovanje pseudo-elemenata obično je označeno "::". Preglednici, koji to razumiju, percipiraju oba znaka. Prostori u zapisu nisu dopušteni, niz u kojem se zabilježi pseudo-klasa i (ili samo) pseudo-element, napisano je zajedno:

scElement: lebdjeti prije: {content: `prefix`- ...}

scElement: aktivno: nakon {content: `suffix`- ...}

Važno je ne zaboraviti: CSS prije radova izvan sadržaja web mjesta. Stilovi nisu relevantni za sadržaj stranice. Pseudo-elementi nisu iznimka. Nisu prisutni u DOM stablu i nije poželjno koristiti ih u značajnim dijelovima web mjesta - neće biti uključeni u sadržaj.

Korištenje ":" i "::" podržavaju mobilne platforme i moderni preglednici, ali često nije neophodno provjeriti rad na zastarjelim verzijama.

Sadržaj pseudo-elementa nije uključen u sadržaj stranice. Tražilice neće vidjeti. 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.