Antes de CSS – original, cómodo, práctico

Pseudo-elementos y pseudo-clases CSS: antes, después, suspender, activo, etc. – la posibilidad real de mejorar la calidad y simplificar el lugar de la ejecución, sin incluir el código JavaScript-manejador de lo obvio, no requieren un complejo diseños de reacción, eventos elementos, diálogos y acciones del visitante.

Pseudo conveniente, multifuncional, tienen propiedades significativas de elección múltiple y de las cacerolas simples y complejas de derecho de autor: la forma original de llamar la atención, sin problemas aclarar las acciones necesarias para llevar un toque en el lugar correcto.

Grandes perspectivas Abrir dirección URL cuando se especifique () en el contenido de seudo. De hecho, esta opción abre nuevos horizontes, tanto en términos de descargar nada a la página, y la posible activación de nada en ninguna parte

Una característica distintiva de la pseudo

Pseudo (CSS :: antes, después ::) diferente de los elementos, selectores y pseudo-clases que no existían originalmente en la estructura del documento. Tal vez, en la práctica no es particularmente importante, pero si tenemos en cuenta la cuestión de colocar el contenido en el sitio, que confía en la propiedad de contenido de algo significativo para el motor de búsqueda no tiene sentido.

Pseudo :: antes de CSS le permite añadir contenido al elemento, y después :: – después. El contenido puede variar de formato de texto simple a complejo en términos de propiedades de CSS, pero no hay etiquetas HTML. Pseudo puede ser perfectamente posicionado dentro del elemento, que está unido a, porque el significado de antes y después es relativo y móvil. No se puede simplemente especificar la posición, sino también los tamaños, colores, fondos, fuentes, y utilizar otras funciones de CSS.

Como seudo la CSS, el antes y después están precedidas por el símbolo ":", pero estándar CSS3 recomienda "::". Para probar un uso particular en una página nunca será más que algunos navegadores o versiones simplemente pueden no notar un pseudo particular.

Condiciones generales de uso

Mediante la colocación de, por ejemplo, div elemento describiendo class = 'scElement' y el contenido de "elemento" a la página, lo que indica en la descripción de hoja de estilo CSS:

.scElement {
POSICIÓN …;
z-index …;
…

}

se puede aplicar un pseudo ": hover" pseudo y ":: antes" CSS:

.scElement: flotar :: before {content: 'prefijo'; … de color; background-color …;}.

A continuación, cuando se pasa el puntero del ratón antes de la palabra 'elemento' aparece la palabra 'prefijo', que va a cambiar el color de las letras y el fondo.

variaciones de contenido de pseudo

Si no se especifica propiedades seudo, que será el mismo que el del elemento principal – scElement. Se puede especificar el URL, y luego la propiedad de contenido: url ( '/ scBox / rm-v / sc-rights.png') cuando el cursor muestra la imagen en el elemento. En el caso del contenido: " 03B1" aparece matemática símbolo "alfa", pero el uso de los caracteres especiales: "& nbsp;", " & lt;", "& laquo;", "& raquo;" y otros no – que se mostrarán como es.

Permitido una gran cantidad de opciones para especificar el contenido de pseudo: "texto" normal, url (), una secuencia de caracteres hexadecimales, consulte: comilla de apertura / cierre de comillas, o si no se abre comilla / no-cierre de comillas, etc. Como puede ser una indicación de la posición absoluta del contenido. a través de las propiedades de estilo, mediante la aplicación antes, CSS colocará el seudo en cualquier parte del elemento al que está conectado.

Se puede combinar el uso simultáneo de antes y después. Por lo tanto, colocando el uso de CSS antes de caracteres de contenido, puede obtener una variedad de efectos, combinando diferentes pseudo-clases y pseudo-elementos, sorprenderá al visitante, no pasar al mismo tiempo, incluso un solo byte de código JavaScript.

características seudo

Por sus denominaciones adoptadas carácter ":", así como para referirse a la pseudo, pero a diferencia de pseudo CSS3 generalmente denotado por "::". Los navegadores que entenderlo, perciben ambas designaciones. Las lagunas en la grabación no está permitido, la cadena que se registra y seudo (o única) de pseudo registró en conjunto:

scElement: flotar :: before {content: 'prefijo'; …}

scElement: activo: después de {content: 'sufijo'; …}

Es importante recordar: CSS antes de quedarse sin el contenido del sitio. Los estilos no están relacionados con el contenido de la página. Pseudo – no es una excepción. Ellos no aparecen en el árbol DOM e indeseable para usarlos en las secciones pertinentes del sitio – en el contenido, no van a obtener.

Usando el "" y "::" con el apoyo de plataformas móviles y los navegadores modernos, pero verificar el trabajo en las versiones mayores a menudo no son superfluos.

El contenido de pseudo-no incluido en el contenido del sitio. No va a ver a los motores de búsqueda. Cómo utilizar esta circunstancia – depende de la situación específica, pero la posibilidad de utilizar CSS antes, así como después, de forma independiente o en un complejo, interesante cuando el contenido es una url (). El uso directo de la seudo contenido como enlaces al sitio, le permitirá descargar un archivo, por ejemplo, una imagen.

Posibilidad de cambiar los archivos de estilo en línea (archivos de hojas de estilo en cascada – sin excepción) no interfiere con la forma y el uso de pseudo ya que es conveniente en un momento dado, en el lugar correcto algoritmo, en función de las acciones del visitante.