El selector de destino se utiliza para representar un elemento único (el elemento de destino) con una identificación que coincide con el fragmento de la URL. Se puede utilizar para diseñar el elemento de destino activo actual. Las URL con un # seguido de un enlace de nombre de anclaje a un determinado elemento dentro … Continue reading «CSS | :selector de destino»
La animación de borde CSS usando el desplazamiento se usa para crear una animación de borde cuando pasamos el cursor sobre un texto. Los conceptos que vamos a utilizar son los selectores before , after y hover . Se recomienda encarecidamente pasar por todos estos selectores antes de avanzar más en este artículo. Enfoque: El … Continue reading «¿Cómo crear una animación de borde usando CSS?»
Los pseudo-elementos :before y :after permiten agregar estilo a la página web sin agregar marcas innecesarias. El contenido SVG se puede agregar utilizando estos pseudoelementos siguiendo los métodos que se describen a continuación: Método 1: usar la propiedad de imagen de fondo: la propiedad de imagen de fondo se usa para establecer una o más … Continue reading «¿Cómo usar SVG con: antes o: después del pseudo elemento?»
Un elemento de alcance forma un contexto para un bloque de estilos. Ese elemento proporciona un punto de referencia para comparar los selectores. Un elemento de ámbito se define utilizando el atributo de ámbito. Los estilos declarados con atributos de ámbito se aplicarán a todos los elementos dentro de su elemento principal. Sintaxis: :scope Ejemplo … Continue reading «CSS: pseudo-clase de alcance»
El selector :any-link se usa para diseñar cada elemento <a>, <area> o <link> que tiene un atributo «href» . Omitirá la aplicación de propiedades CSS para esos elementos <a>, <area>, <href > etiquetas en las que no se define “href” . Por lo tanto, coincide con todos los elementos que coinciden con :enlace o :visitado. … Continue reading «CSS: Selector de cualquier enlace»
Un sitio web de paralaje incluye imágenes fijas en el fondo que se mantienen en su lugar y el usuario puede desplazarse hacia abajo en la página para ver diferentes partes de la imagen. En este artículo, estamos creando una página web de paralaje usando HTML y CSS. Usaremos etiquetas básicas de HTML como div, … Continue reading «Diseña una página web de Parallax usando HTML y CSS»
El selector : active se usa para diseñar un enlace activo de una página web. Muestra el estilo cuando el usuario hace clic en el enlace. Este selector es diferente de los selectores :link, :visited y :hover. El uso principal de :active selector está en los enlaces, pero se puede usar en todos los elementos. … Continue reading «CSS | :selector activo»
El color del texto seleccionado se puede cambiar fácilmente usando CSS | ::selector de selección . En el siguiente código, hemos usado CSS ::selección en los elementos <h1> y <p> y establecimos su color como amarillo con fondo verde. El siguiente ejemplo implementa el enfoque anterior: Ejemplo: <!DOCTYPE html> <html lang=»en»> <head> <title> How … Continue reading «¿Cómo cambiar el color del texto seleccionado usando CSS?»
El asterisco (*) se conoce como los selectores universales de CSS . Se puede utilizar para seleccionar todos los tipos de elementos en una página HTML. El asterisco también puede ir seguido de un selector mientras se usa para seleccionar un objeto secundario. Este selector es útil cuando queremos seleccionar todos los elementos de la … Continue reading «¿Cuál es el uso del selector de asterisco (*) en CSS?»
El selector :n-th-last-of-type() en CSS se usa para diseñar solo aquellos elementos que son el número n de elementos secundarios del elemento principal. El selector cuenta desde el último elemento secundario. Una n puede ser un número, una palabra clave o una fórmula. Sintaxis: :nth-last-of-type(number) { //css Property; } Donde número es el argumento que … Continue reading «CSS | Selector :nth-last-of-type()»