Pred CSS - izvirniku, udobna, praktična

Psevdoelementov in psevdo-razredi CSS: pred, po, premaknite kazalec miške, aktivna, itd - učinkovita priložnost za izboljšanje kakovosti in poenostavitev mesto izvršitve, ne vključuje JavaScript-trener kodo za očitno, ne zahtevajo kompleksna reakcija modelov, elementi dogodki, dialogi in dejanja obiskovalca.

Psevdo priročno, večnamenski, imajo velike in različne lastnosti izbiro za enostavne in kompleksne ponve avtorskih pravic: kako izvirno pritegnejo pozornost, neopazno pojasnijo ukrepe, potrebne, da bi namig na pravem mestu.

Velike možnosti odpre, ko določen URL () v vsebino pseudo. Dejansko je ta možnost odpira nova obzorja, tako v smislu prenosa vse do strani, in morebitno aktiviranje karkoli kjerkoli

Posebnost psevdo

Pseudo (:: pred CSS, :: po) razlikuje od elementov, selektorji in psevdo-razredov, ki niso prvotno obstajajo v drevesu dokumenta. Morda pa se v praksi ni posebej pomembno, če pa upoštevamo vprašanje dajanja vsebine na spletni strani, zaupate lastnost vsebine nečesa pomembnega za iskalnik nima nobenega smisla.

Pseudo :: pred CSS omogoča dodajanje vsebine na element, in :: po - po. Vsebina se lahko razlikuje od preprostega besedila v kompleksne oblikovanje v smislu CSS lastnosti, vendar brez oznake HTML. Psevdo se lahko popolnoma namesti v notranjosti elementa, ki je pritrjen na, ker pomen pred in po relativna in mobilna. Ne moreš določiti položaj, ampak tudi velikosti, barve, ozadja, pisave in uporabljate druge funkcije CSS.

Kot psevdo CSS, pred in po tem, ko pred simbolom ":", vendar CSS3 standardni priporočljiva "::". Če želite preizkusiti posebno uporabo na strani ne bo nikoli več, kot nekateri brskalniki ali različice morda preprosto ne opazimo posebno pseudo.

Splošni pogoji uporabe

Z namestitvijo, na primer, div element opisuje class = "scElement" in vsebino "Element", na strani, kar kaže na CSS-style opis stanja:

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

}

lahko uporablja psevdo ": lebdenje" psevdo in ":: pred" CSS:

.scElement: lebdijo :: pred {vsebino: "predpono"; Barva ...; background-color ...;}.

Potem, ko se pomaknete kazalec miške pred besedo "Element" se bo pojavil besedo "predpono", ki bo spremenila barvo črk in ozadjem.

razlike vsebine psevdo

Če ne podate psevdo lastnosti, bodo isti kot glavnega elementa - scElement. Lahko navedete URL, nato pa v lasti vsebine: url ( "/ scBox / rm-v / sc-rights.png"), ko je kazalec prikazuje sliko na elementu. Pri vsebino: "\ 03B1" pojavi matematični simbol "alfa", temveč uporaba posebnih znakov: "& nbsp;", " & lt;", "& laquo;", "& raquo;" in drugi pa ne - bodo prikazani kot je.

Dovoljeno je veliko možnosti, da opredeli vsebino navidezno: normalno "besedilo", url (), zaporedje šestnajstiških znakov, se nanašajo na: open-quote / blizu citat, ali ne-open-quote / no-close-citat, morda itd Kot je navedba absolutnega položaja vsebine. skozi stil lastnosti, ki jih uporabljajo, preden bo CSS postavite psevdo kjerkoli v elementu, na katerega je priključen.

Lahko združite sočasno uporabo pred in po. Zato je dajanje s pomočjo CSS pred znakov vsebine, ki jih lahko dobite različne učinke, ki združuje različna psevdo-razredi in psevdo-elementi, preseneti obiskovalca, ne porabi hkrati tudi sam bajt-kode JavaScript.

Ima navidezno

Za njihova poimenovanja sprejeta ":" znak, kakor tudi, da se nanašajo na psevdo, vendar za razliko od CSS3 psevdo običajno označene z "::". Brskalniki, ki ga razumejo, dojemajo tako označbe. Vrzeli v snemanje ni dovoljeno, niz snema in psevdo (ali samo) psevdo zabeležen skupaj:

scElement: lebdijo :: pred {vsebino: "predpono"; ...}

scElement: aktivno: po {vsebino: "končnice"; ...}

Pomembno je, da se spomnimo: CSS pred zmanjkuje vsebine mesta. Stili niso povezane z vsebino strani. Psevdo - ni nobena izjema. Se ne pojavljajo v DOM drevesu in zaželeno, da jih uporabljajo v ustreznih delih mestu - v vsebini, ki jih ne bodo dobili.

Uporaba "" in "::" je podprta z mobilnimi platformami in sodobnih brskalnikov, vendar pa preverite delo na starejših različicah pogosto niso odveč.

Vsebina psevdo-ni vključen v vsebino spletne strani. To ne bo videti iskalniki. Kako uporabljati to okoliščino - odvisno od posebnega položaja, vendar je možnost uporabe CSS pred, kot tudi po samostojno ali v kompleks, zanimivo, ko je vsebina url (). Neposredna uporaba psevdo vsebine kot povezave do spletnega mesta, bo mu prenesti datoteko, na primer sliko.

Sposobnost, da spremenite datoteke slog na spletu (kaskadno slogov datoteke - ni nobena izjema), ne posega v obliko in uporabo psevdo kot je primerno v danem trenutku, na pravem mestu algoritma, odvisno od dejavnosti, obiskovalca.