Qabel CSS - oriġinali, komdu, prattiċi

Psewdo-elementi u psewdo-klassijiet CSS: qabel, wara, imbagħad jerġgħu, attiva, eċċ - opportunità effettiva biex titjieb il-kwalità u tissimplifika s-sit eżekuzzjoni, mhux inkluż il-kodiċi JavaScript 'persuna li tieħu ħsieb fuq l-ovvju, ma jeħtiġux disinji reazzjoni, avvenimenti elementi, djalogi u azzjonijiet tal-viżitatur kumpless.

Psewdo konvenjenti, multifunzjonali, għandhom proprjetajiet sinifikanti u multipli għażla għall borom sempliċi u kumplessi awtur: kif oriġinali jiġbed l-attenzjoni, bla ebda xkiel tiċċara l-azzjonijiet meħtieġa biex iġibu ħjiel fil-post it-tajjeb.

prospetti kbar tiftaħ url meta speċifikat () fil-kontenut ta 'psewdo. Tabilħaqq, din l-għażla jiftaħ orizzonti ġodda, kemm f'termini ta 'xejn tniżżel għall-paġna, u l-attivazzjoni possibbli ta' xejn kullimkien

Karatteristika distintiva ta 'psewdo

Psewdo (:: qabel CSS, :: wara) differenti mill-elementi, seletturi u psewdo-klassijiet li ma jkunux oriġinarjament jeżistu fil-siġra dokument. Forsi, fil-prattika mhuwiex partikolarment importanti, iżda jekk nikkunsidraw il-kwistjoni ta 'tqegħid tal-kontenut fuq is-sit, inti l-fiduċja l-proprjetà kontenut ta' xi ħaġa sinifikanti għall-search engine ma jagħmilx sens.

Psewdo :: qabel CSS jippermettilek li żżid il-kontenut l-element, u :: wara - wara. Kontenut jista 'jvarja minn test sempliċi ifformattjar kumplessi f'termini ta' kwalitajiet CSS, iżda l-ebda HTML tags. Psewdo tista 'tiġi mqiegħdha perfettament ġewwa l-element, li huwa mehmuż ma', minħabba t-tifsira ta 'qabel u wara huwa relattiv u mobbli. Inti ma tistax biss jispeċifika l-pożizzjoni, iżda wkoll il-daqsijiet, kuluri, l-isfondi, fonts, u jużaw fatturi oħra ta 'CSS.

Peress psewdo l CSS, il-qabel u wara huma preċeduti bis-simbolu ":", iżda istandard CSS3 rakkomandat "::". Biex tittestja użu partikolari fuq paġna qatt mhu se jkun aktar minn xi browsers jew verżjonijiet jista 'sempliċement ma Avviż psewdo partikolari.

Termini ġenerali ta 'Użu

Permezz tat-tqegħid, eż, div element li jiddeskrivi class = "scElement" u l-kontenut "Element" fil-paġna, li jindika fid-deskrizzjoni tal-karta CSS stil:

.scElement {
POŻIZZJONI ...;
z-indiċi ...;
...

}

inti tista 'tapplika psewdo ": imbagħad jerġgħu" psewdo u ":: qabel" CSS:

.scElement: imbagħad jerġgħu :: qabel {kontenut: "prefiss"; kulur ...; isfond bil-kulur ...;}.

Imbagħad meta inti imbagħad jerġgħu-maws pointer qabel il-kelma "Element" se jidhru l-kelma "prefiss", li se jibdlu l-kulur ta 'l-ittri u l-isfond.

varjazzjonijiet Kontenut psewdo

Jekk inti ma jispeċifikawx proprjetajiet psewdo, dawn se jkunu l-istess bħal dak ta 'l-element prinċipali - scElement. Tista 'tispeċifika l-url, u allura l-proprjetà kontenut: url ( "/ scBox / rm-v / sc-rights.png") meta il-cursor turi l-immaġni fuq l-element. Fil-każ ta 'kontenut: "\ 03B1" tidher matematika simbolu "alfa", iżda l-użu l-karattri speċjali: "& nbsp;", " & lt;", "& laquo;", "& raquo;" u oħrajn ma jagħmlux dan - se jintwerew kif inhu.

Allowed ħafna ta 'għażliet biex jispeċifikaw il-kontenut tal psewdo: normali "test", url (), sekwenza ta' karattri hexadeċimali, irreferi għal: open-kwotazzjoni / qrib kwotazzjoni, jew l-ebda open-kwotazzjoni / le-qrib kwotazzjoni, eċċ Bħala jista 'jkun indikazzjoni tal-pożizzjoni assoluta tal-kontenut. permezz proprjetajiet stil, bl-applikazzjoni qabel, CSS se tpoġġi l-psewdo kullimkien fl-element li għalih hija mqabbda magħha.

Tista 'tikkombina l-użu simultanju ta' qabel u wara. Għalhekk, it-tqegħid jużaw CSS qabel karattri kontenut, inti tista 'tikseb varjetà ta' effetti, li tgħaqqad psewdo-klassijiet u psewdo-elementi differenti, sorpriża-viżitatur, ma infiq fl-istess ħin anke byte-kodiċi waħda JavaScript.

karatteristiċi psewdo

Għad-denominazzjonijiet tagħhom adottaw ":" karattru, kif ukoll biex jirreferi għal psewdo, iżda għall-kuntrarju psewdo CSS3 normalment ddenotata bi "::". Browsers li jifhmu dan, jipperċepixxi ż-żewġ denominazzjonijiet. Lakuni fil-reġistrazzjoni mhijiex permessa, l-sekwenza tkun irreġistrata u psewdo (jew biss) psewdo irreġistrat flimkien:

scElement: imbagħad jerġgħu :: qabel {kontenut: "prefiss"; ...}

scElement: attiva: wara {kontenut: "suffiss"; ...}

Huwa importanti li wieħed jiftakar: CSS qabel running out tal-kontenut tas-sit. Stili mhumiex relatati mal-kontenut tal-paġna. Psewdo - l-ebda eċċezzjoni. Dawn ma jidhrux fil-siġra DOM u mixtieq li jużawhom fit-taqsimiet rilevanti tas-sit - fil-kontenut, dawn mhux se tikseb.

Uża l-"" u "::" huwa appoġġjat minn pjattaformi mobbli u browsers moderni, iżda ċċekkja l-ħidma fuq verżjonijiet anzjani spiss ma jkunux superfluwi.

Il-kontenut ta 'psewdo-mhux inklużi fil-kontenut tas-sit. Dan mhux se tara l-magni tat-tiftix. Kif għandek tuża din iċ-ċirkustanza - jiddependi fuq is-sitwazzjoni speċifika, iżda l-possibbiltà li jintużaw CSS qabel, kif ukoll wara, indipendentement jew fil-kumpless, interessanti meta l-kontenut huwa url (). użu dirett tal-psewdo kontenut links għas-sit, se jippermettu lilu li tniżżel fajl, per eżempju, stampa.

Kapaċità li jiġi mibdul l-fajls istil onlajn (folji cascading stil fajls - ebda eċċezzjoni) ma jinterferix mal-forma u l-użu psewdo kif huwa konvenjenti fi kwalunkwe ħin partikolari, fil-post it-algoritmu dritt, li jiddependi fuq l-azzjonijiet tal-viżitatur.