Antes de CSS - orixinal, cómodo, práctico

Pseudo-elementos e pseudo-clases CSS: antes, despois, pasar por riba, activo, etc. - oportunidade efectiva para mellorar a calidade e simplificar o lugar da execución, non incluíndo o código JavaScript-manipulador no obvio, non requiren un complexo de proxectos de reacción, eventos elementos, diálogos e accións do visitante.

Pseudo conveniente, multifuncional, teñen propiedades elección significativos e múltiples para Olla simples e complexas de dereitos de autor: como o orixinal chamar a atención, perfectamente esclarecen as accións necesarias para levar unha información no lugar seguro.

Grandes perspectivas abrir URL cando especificar () no contido de pseudo. De feito, esta opción abre novos horizontes, tanto en termos de baixar nada á páxina, ea posible activación de calquera cousa en calquera lugar

Unha característica distintiva do pseudo

Pseudo (:: antes CSS, :: after) diferente dos elementos, selectores e pseudo-clases que non existían orixinalmente na árbore do documento. Quizais, na práctica non é especialmente importante, pero se consideramos a cuestión de poñer o contido na web, confía en propiedade de contido de algo significativo para o motor de procura non ten sentido.

Pseudo :: antes CSS permite que engade contido do elemento, e :: after - despois. O contido pode variar de texto ata formato complexa en termos de propiedades CSS, pero hai etiquetas HTML. Pseudo pode ser perfectamente ordenada no interior do elemento, o cal está ligado a, porque o significado antes e despois é relativa e móbil. Non pode simplemente especificar a posición, pero tamén os tamaños, cores, fondos, fontes, e utilizar outros recursos de CSS.

Como pseudo CSS, o antes e despois son precedidas polo símbolo ":" pero estándar CSS3 recomendado "::". Para probar un uso específico nunha páxina nunca será máis que algúns navegadores ou versións simplemente non pode notar unha pseudo particular.

Condicións Xerais de Uso

Ao colocar, por exemplo, div elemento describindo class = 'scElement' eo contido "elemento" á páxina, indicando en estilo CSS descrición folla:

.scElement {
POSICIÓN ...;
Índice z ...;
...

}

pode aplicar un pseudo ": hover" pseudo e ":: Before" CSS:

.scElement: hover :: Before {content: 'prefixo' cor ...; background-color ...;}.

Entón, cando pasa o punteiro do rato antes da palabra 'elemento' aparecerá a palabra 'prefixo', que vai cambiar a cor das letras e fondo.

variacións de contido pseudo

Se non especifica propiedades pseudo, que será o mesmo que o do elemento principal - scElement. Pode especificar a URL, e, a continuación, a propiedade de contido: URL ( '/ scBox / RM-V / SC-rights.png') cando o punteiro mostra a imaxe do elemento. No caso de contido: "\ 03B1" aparece matemáticas símbolo "alfa", pero usar os caracteres especiais: "& nbsp;", " & lt;", "& laquo;", "& raquo;" e outros non - eles serán mostrados como é.

Permitiu unha morea de opcións para especificar o contido pseudo "texto" normal URL (), unha secuencia de caracteres hexadecimais, consulte: Open-orzamento / primer cita, ou non de código orzamento / no-fin cotización, etc. Como pode ser unha indicación da posición absoluta do contido. a través de propiedades de estilo, aplicando antes, CSS pode pór o pseudo en calquera lugar do elemento ao cal está ligado.

Podes combinar o uso simultáneo de antes e despois. Polo tanto, poñendo usando CSS antes dos caracteres de contidos, pode obter unha variedade de efectos, combinando diferentes pseudo-clases e pseudo-elementos, sorprender ao visitante, non gastar, á vez, mesmo un único byte código JavaScript.

características pseudo

Para as súas designacións adoptado ":" personaxe, así como para referirse a pseudo, pero a diferenza de pseudo CSS3 normalmente denotado por "::". Navegadores que entenden iso, consideran ambos designacións. As lagoas na gravación non se admite, a cadea a gravarse e pseudo (ou única) pseudo gravado en conxunto:

scElement: hover :: Before {content: 'prefixo' ...}

scElement: activo: After {content: 'sufixo' ...}

É importante lembrar: CSS antes de quedar sen o contido do sitio web. Estilos non están relacionados co contido da páxina. Pseudo - sen excepción. Non aparecen na árbore DOM e indesexable para usalos nas seccións relevantes do sitio - no contido, eles non van conseguir.

Usando o "" e "::" é apoiada por plataformas móbiles e navegadores, pero comprobar o traballo en versións máis antigas moitas veces non son superfluos.

O contido do pseudo-non incluído no contido do sitio web. El non vai ver os motores de busca. Como esta circunstancia - depende da situación específica, pero a posibilidade de utilizar CSS antes, como despois, de forma independente ou nun complexo, interesante cando o contido é un URL (). uso directo do pseudo contido como enlaces para o sitio, lle permitirá baixar un arquivo, por exemplo, unha imaxe.

Capacidade de cambiar os ficheiros de estilo en liña (arquivos de follas de estilo en cascada - sen excepción) non interfire coa forma e utilizar pseudo como é conveniente en calquera momento, no algoritmo lugar seguro, en función das accións do visitante.