Før CSS - original, komfortabel, praktisk

Pseudo-elementer og pseudo-klasser CSS: før, etter, svever, aktiv, etc. - effektiv mulighet til å forbedre kvaliteten og forenkle retterstedet, ikke inkludert Javascript-behandleren kode på det åpenbare, ikke krever en kompleks reaksjons design, elementer hendelser, dialoger og handlinger av besøkende.

Pseudo praktisk, multifunksjonell, har betydelige og flervalgs egenskaper for enkle og komplekse opphavsrett panner: hvordan opprinnelige trekke oppmerksomhet, sømløst avklare nødvendige tiltak for å bringe et hint på rett sted.

Store muligheter åpne når spesifisert url () i innholdet av pseudo. Faktisk, åpner dette alternativet opp nye horisonter, både i form av nedlasting noe til siden, og mulig aktivering av hva som helst

Et karakteristisk trekk ved pseudo

Pseudo (:: før CSS, :: etter) forskjellig fra elementene, velgere og pseudo-klasser som ikke opprinnelig finnes i dokumentet treet. Kanskje, i praksis er det ikke spesielt viktig, men hvis vi vurdere spørsmålet om å plassere innholdet på nettstedet, du stoler på innholdet tilhører noe meningsfylt for søkemotoren gir ikke mening.

Pseudo :: før CSS lar deg legge til innhold til elementet, og :: etter - etter. Innholdet kan variere fra enkle tekst til komplekse formatering i form av CSS egenskaper, men ingen HTML-koder. Pseudo kan være helt anbrakt inne i elementet, som er festet til, på grunn av betydningen av før og etter er relativ og mobil. Du kan ikke bare spesifisere posisjon, men også størrelser, farger, bakgrunner, fonter, og bruker andre funksjoner på CSS.

Som pseudo CSS, før og etter er merket med symbolet ":", men CSS3 standard anbefales "::". For å teste en bestemt bruk på en side vil aldri være mer enn noen nettlesere eller versjoner kan rett og slett ikke merke en bestemt pseudo.

Generelle bruksvilkår

Ved å plassere f.eks div element som beskriver class = 'scElement' og innholdet "element" til den side, som indikerer i CSS-stil ark beskrivelse:

.scElement {
POSISJON ...;
z-indeks ...;
...

}

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

.scElement: hover :: før {innhold: 'prefikset'; farge ...; bakgrunnsfarge ...;}.

Så når du holder musepekeren før ordet 'Element' vises ordet 'prefiks', som vil endre fargen på bokstavene og bakgrunnen.

Innholdsvarianter pseudo

Hvis du ikke angir pseudo egenskaper, vil de være den samme som for hovedelementet - scElement. Du kan angi URL, og deretter innholdet eiendom: url ( '/ scBox / rm-v / sc-rights.png') når markøren viser bildet på elementet. I tilfelle av innhold: "\ 03B1" vises matematisk symbol "alfa", men bruk spesialtegn: "& nbsp;", " & lt;", "& laquo;", "& raquo;" og andre ikke - de vil bli vist som den er.

Tillatt en rekke alternativer for å angi innholdet i pseudo: normal "tekst", url (), en sekvens av heksadesimale tegn, se: open-sitat / lukke-tilbud, eller ingen åpen sitat / no-close-sitat, kan etc. Som være en indikasjon på den absolutte posisjonen til innholdet. gjennom stilegenskaper, ved å bruke før, vil CSS plassere pseudo hvor som helst i elementet som den er koblet til.

Du kan kombinere samtidig bruk av før og etter. Derfor plassere ved hjelp av CSS før innholds tegn, kan du få en rekke effekter, som kombinerer ulike pseudo-klasser og pseudo-elementer, overraske de besøkende, ikke utgifter samtidig en eneste byte-kode Javascript.

funksjoner pseudo

For deres betegnelser adoptert ":" karakter, så vel som å referere til pseudo, men i motsetning til CSS3 pseudo vanligvis merket med "::". Nettlesere som forstår det, oppfatter begge betegnelser. Hull i opptaket ikke er tillatt, idet strengen er registrert og pseudo (eller eneste) pseudo registreres sammen:

scElement: hover :: før {innhold: 'prefiks'; ...}

scElement: aktiv: etter {innhold: 'suffiks'; ...}

Det er viktig å huske: CSS før du kjører ut av innholdet på nettstedet. Styles er ikke relatert til innholdet på siden. Pseudo - er intet unntak. De vises ikke i DOM-treet og uønsket å bruke dem i de relevante deler av området - i innhold, vil de ikke få.

Bruk av "" og "::" er støttet av mobile plattformer og moderne nettlesere, men sjekk arbeidet med eldre versjoner ofte er ikke overflødig.

Innholdet av pseudo-ikke inkludert i nettstedets innhold. Det vil ikke se søkemotorene. Hvordan bruke dette forholdet - avhenger av den konkrete situasjonen, men muligheten for å bruke CSS før, samt etter, uavhengig eller i en kompleks og interessant når innholdet er en url (). Direkte bruk av innholdet pseudo som linker til nettstedet, vil tillate ham å laste ned en fil, for eksempel et bilde.

Evne til å endre stilen filer på nettet (Cascading Style Sheets filer - uten unntak) ikke forstyrrer form og bruke pseudo som det er praktisk til enhver tid, på rett sted algoritmen, avhengig av den besøkendes handlinger.