Før CSS - original, komfortabel, praktisk

Pseudo-elementer og pseudo-klasser CSS: før, efter, svæve, aktiv, etc. - effektiv mulighed for at forbedre kvaliteten og forenkle udførelsen site, ikke inklusive JavaScript-handleren kode på det indlysende, kræver ikke en kompleks reaktion designs, elementer begivenheder, dialoger og handlinger den besøgende.

Pseudo praktisk, multifunktionel, har betydelige og multiple choice ejendomme til enkle og komplekse ophavsret pander: hvordan originale henlede opmærksomheden, problemfrit klarlægge de tiltag, der er nødvendige for at bringe en antydning på det rigtige sted.

Store perspektiver åbne, når specificeret url () i indholdet af pseudo. Faktisk denne indstilling åbner nye horisonter, både med hensyn til download-noget til siden, og den mulige aktivering af noget som helst

Et karakteristisk træk ved pseudo

Pseudo (:: før CSS, :: efter) forskellig fra de elementer, selektorer og pseudo-klasser, der oprindeligt ikke eksisterer i dokumentet træet. Måske, i praksis er det ikke særligt vigtigt, men hvis vi overveje spørgsmålet om at placere indholdet på sitet, du har tillid til indholdet ejendom af noget meningsfuldt for søgemaskinen ikke giver mening.

Pseudo :: før CSS giver dig mulighed for at tilføje indhold til elementet, og :: efter - efter. Indholdet kan variere fra simpel tekst til kompleks formatering i form af CSS egenskaber, men ingen HTML-tags. Pseudo kan perfekt placeret inde i elementet, som er knyttet til, fordi betydningen af før og efter er relativ og mobil. Du kan ikke bare angive positionen, men også de størrelser, farver, baggrunde, skrifttyper og bruge andre funktioner i CSS.

Som pseudo CSS, før og efter der forud for symbolet ":", men CSS3 standard anbefales "::". For at teste en bestemt anvendelse på en side vil aldrig være mere end nogle browsere eller versioner simpelthen ikke kan bemærke en bestemt pseudo.

Generelle vilkår for brug

Ved at placere, for eksempel div-element, der beskriver class = 'scElement' og indholdet "Element" til den side, der angiver i CSS-typografiark beskrivelse:

.scElement {
POSITION ...;
z-index ...;
...

}

du kan anvende en pseudo ": hover" pseudo og ":: før" CSS:

.scElement: hover :: før {indhold: 'præfikset'; farve ...; background-color ...;}.

Så når du holder musemarkøren foran 'Element' vises ordet 'præfiks', hvilket vil ændre farven på bogstaverne og baggrunden.

Indholdsvarianter pseudo

Hvis du ikke angiver pseudo egenskaber, vil de være de samme som for det vigtigste element - scElement. Du kan angive url, og derefter indholdet ejendom: url ( '/ scBox / rm-v / sc-rights.png'), når markøren viser billedet på elementet. I tilfælde af indhold: "\ 03B1" vises matematisk symbol "alfa", men bruge specialtegn: "& nbsp;", " & lt;", "& laquo;", "& raquo;" og andre ikke - de vil blive vist som den er.

Tilladt en masse muligheder for at specificere indholdet af pseudo: normal "tekst", url (), en sekvens af hexadecimale tegn, se: open-citat / luk-tilbud, eller no-åben-citat / nej-close-tilbud, kan etc. Som være en indikation af den absolutte position af indholdet. gennem typografiegenskaber, ved anvendelse før, vil CSS placere pseudo overalt i element, til hvilket den er forbundet.

Du kan kombinere den samtidige brug af før og efter. Derfor placerer ved hjælp af CSS før indhold tegn, kan du få en række effekter, der kombinerer forskellige pseudo-klasser og pseudo-elementer, overraske den besøgende, ikke udgifter samtidig selv en enkelt byte-kode JavaScript.

Funktioner pseudo

For vedtaget deres betegnelser ":" karakter, samt at henvise til pseudo, men i modsætning til CSS3 pseudo normalt betegnes med "::". Browsere, der forstår det, opfatter begge betegnelser. Huller i optagelsen er ikke tilladt, strengen, der optages og pseudo (eller kun) pseudo indspillet sammen:

scElement: hover :: før {indhold: 'præfikset'; ...}

scElement: aktiv: efter {indhold: 'suffikset'; ...}

Det er vigtigt at huske: CSS, før du kører ud af webstedet indhold. Styles er ikke relateret til indholdet på siden. Pseudo - er ingen undtagelse. De vises ikke i DOM-træet og uønskeligt at bruge dem i de relevante dele af hjemmesiden - i indholdet, vil de ikke få.

Brug af "" og "::" er støttet af mobile platforme og moderne browsere, men tjek arbejdet med ældre versioner ofte ikke er overflødige.

Indholdet af pseudo-ikke inkluderet i webstedets indhold. Det vil ikke se søgemaskinerne. Sådan bruges denne omstændighed - afhænger af den konkrete situation, men muligheden for at anvende CSS før, samt efter, selvstændigt eller i et kompleks, interessant, når indholdet er en url (). Direkte brug af indholdet pseudo som links til webstedet, vil tillade ham at hente en fil, for eksempel et billede.

Mulighed for at ændre den stil filer online (Cascading Style Sheets filer - ingen undtagelse) ikke forstyrrer formen og bruge pseudo som det er praktisk på ethvert givet tidspunkt, på det rigtige sted algoritme, afhængigt af besøgendes handlinger.