Voor CSS - oorspronklike, gemaklike, praktiese

Pseudo-elemente en pseudo-klasse CSS: voor, na, hover, aktiewe, ens - effektiewe geleentheid om die gehalte te verbeter en te vereenvoudig die uitvoering webwerf, wat nie JavaScript-hanteerder kode op die voor die hand liggend, nie 'n komplekse reaksie ontwerpe, elemente gebeure, dialoë en aksies van die besoeker nodig.

Pseudo gerieflik, multifunksionele, 'n beduidende en meervoudige keuse eienskappe vir 'n eenvoudige en komplekse kopiereg panne: hoe oorspronklike aandag te vestig, moeiteloos die vereiste om 'n wenk op die regte plek te bring optrede te verduidelik.

Goeie vooruitsigte oopmaak wanneer gespesifiseerde URL () in die inhoud van pseudo. Inderdaad, hierdie opsie open nuwe horisonne, beide in terme van aflaai enigiets tot die bladsy, en die moontlike aktivering van enigiets op enige plek

'N onderskeidende kenmerk van pseudo

Pseudo (:: voordat CSS, :: nadat) verskil van die elemente, keurders en pseudo-klasse wat nie oorspronklik bestaan het nie in die dokument boom. Miskien, in die praktyk is dit nie besonder belangrik, maar as ons kyk na die kwessie van die plasing van die inhoud op die webwerf, jy vertrou die eiendom inhoud van iets betekenisvol vir die soektog maak nie sin nie.

Pseudo :: voordat CSS laat jou toe om inhoud by te voeg aan die element, en :: nadat - na. Inhoud kan wissel van eenvoudige teks om komplekse formatering in terme van CSS eienskappe, maar geen HTML tags. Pseudo kan perfek geposisioneer binne die element wat aan geheg is, omdat die betekenis van voor en na is relatief en mobiele. Jy kan nie net die posisie spesifiseer nie, maar ook die groottes, kleure, agtergronde, lettertipes, en gebruik ander funksies van CSS.

As pseudo die CSS, die voor en na voorafgegaan word deur die simbool ":", maar CSS3 standaard aanbeveel "::". Om 'n bepaalde gebruik op 'n bladsy te toets sal nooit meer wees as sommige blaaiers of weergawes kan eenvoudig nie 'n spesifieke pseudo sien.

Algemene Voorwaardes

Deur die plasing van, bv div element beskryf class = "scElement en die inhoud" Element "om die bladsy, wat aandui in CSS-stylblad beskrywing:

.scElement {
POS ...;
z-indeks ...;
...

}

": Hover" jy kan 'n pseudo aansoek doen pseudo en ":: voordat" CSS:

.scElement: Beweeg :: voordat {inhoud: 'voorvoegsel'; kleur ...; agtergrond-kleur ...;}.

Dan wanneer jy die muis voor die woord "Element" hover sal die woord 'voorvoegsel', wat die kleur van die letters en agtergrond sal verander verskyn.

Inhoud variasies pseudo

scElement - as jy nie pseudo eienskappe spesifiseer, sal hulle dieselfde as dié van die belangrikste element wees. Jy kan die url spesifiseer, en dan die eiendom inhoud: url ( '/ scBox / rm-v / SC-rights.png') wanneer die wyser toon die beeld op die element. In die geval van inhoud: "\ 03B1" verskyn wiskundige simbool "alfa", maar gebruik die spesiale karakters: "& nbsp;", " & lt;", "& laquo;", "& raquo;" en ander nie - sal hulle vertoon as is.

Toegelaat om 'n baie opsies om die inhoud van pseudo- spesifiseer: normale "teks", url (), 'n reeks van heksadesimale karakters, verwys na: oop-quote / close-quote, of geen-oop-quote / no-close-quote, ens As 'n aanduiding van die absolute posisie van die inhoud wees. deur styl eienskappe, deur die toepassing van voor, CSS sal die pseudo oral plaas in die element waaraan dit verbind.

Jy kan die gelyktydige gebruik kombineer van voor en na. Daarom, die plasing van die gebruik van CSS voor inhoud karakters, kan jy 'n verskeidenheid van effekte kry, 'n kombinasie verskillende pseudo-klasse en pseudo-elemente, verras die besoeker, nie spandeer op dieselfde tyd selfs 'n enkele byte-kode JavaScript.

beskik oor pseudo

Vir hul benaming aangeneem ":" karakter, sowel as om te verwys na pseudo, maar in teenstelling met CSS3 pseudo gewoonlik aangedui deur "::". Blaaiers wat dit verstaan, sien beide benamings. Gapings in die opname is nie toegelaat nie, die tou opgeneem en pseudo (of net) pseudo saam aangeteken:

scElement: Beweeg :: voordat {inhoud: 'voorvoegsel'; ...}

scElement: aktiewe: na {inhoud: 'agtervoegsel'; ...}

Dit is belangrik om te onthou: CSS voor loop uit van die inhoud van die webtuiste. Style is nie verband hou met die inhoud van die bladsy. Pseudo - is geen uitsondering nie. Hulle het nie verskyn in die DOM boom en ongewens om dit te gebruik in die betrokke afdelings van die werf - in die inhoud, sal hulle nie kry.

Die gebruik van die "" en "::" word ondersteun deur mobiele platforms en moderne blaaiers, maar gaan die werk op ouer weergawes dikwels is nie oorbodig.

Die inhoud van pseudo-nie ingesluit in die inhoud van die webtuiste nie. Dit sal nie die soekenjins te sien. Hoe om hierdie omstandighede te gebruik - hang af van die spesifieke situasie, maar die moontlikheid van die gebruik van CSS voor, sowel as na, onafhanklik of in 'n komplekse, interessante wanneer die inhoud is 'n url (). Direkte gebruik van die inhoud pseudo as skakels na die webwerf, sal hom toelaat om 'n lêer af te laai, byvoorbeeld, 'n prentjie.

Vermoë om die styl lêers aanlyn te verander (Cascading Style Sheets lêers - geen uitsondering nie) nie inmeng met vorm en gebruik pseudo as dit gerieflik op enige gegewe tyd, in die regte plek algoritme, afhangende van die optrede van die besoeker.