el cssar
el cssar
Diseño UX, técnicas CSS, accesibilidad y estándares web
Saltar al contenido
  • ¿De qué va el CSSar?

selectores CSS

Todos los artículos de elCSSar.com sobre selectores de CSS. Aprende todo sobre selectores tanto si eres nuevo con las hojas de estilo, como si te atreves ya con selectores avanzados. Podrás encontrar tutoriales sobre selectores de elementos, de clase, de ID e incluso de atributo. También encontrarás artículos sobre  la aplicación práctica de las pseudo-clases, ya no sólo para generar al vuelo pseudo-elementos con :before y :after, sino también para funciones tan útiles como la validación de campos de formulario, para seleccionar elementos concretos dentro de una serie, donde el típico efecto pijama de las tablas será sólo el comienzo de un viaje por el vasto mundo de los pseudo-selectores que te llevará a conocer funcionalidades que ni siquiera imaginabas posibles, como por ejemplo, para seleccionar el elemento padre o reducir la especificidad de nuestros selectores. Concepto básico, el de especificidad, que a lo largo de los artículos sobre selectores CSS iremos viendo en detalle.  Elije el que tú quieras sin miedo a equivocarte, cualquiera por el que empieces te abrirá un mundo de posibilidades en tus desarrollos. Nos vemos si nos leemos ;)

Hay 6 puestos etiquetados selectores CSS (esta es la página 1 de 1).

Selectores CSS avanzados 4/4 – :is() y :where()

:where() e :is() son dos selectores con idéntica función, que deberían ser ya parte de cualquier nuevo desarrollo que use CSS por las razones que veremos a continuación.

Continue leyendo →
en CSS | julio 10, 2022 | 814 Palabras | Comentario

Selectores avanzados CSS 3/4 – :valid e :invalid

Tutorial para crear una validación de formularios HTML5 usable y accesible con selectores CSS :valid, :invalid, :required, :indeterminate y :out-of-range.

Continue leyendo →
en CSS | febrero 21, 2022 | 1,905 Palabras | Comentario

Webkit scrollbar

Una disección CSS de los pseudo-elementos y pseudo-clases que nos permiten personalizar por completo el scroll en los navegadores Webkit

Continue leyendo →
en CSS | noviembre 7, 2021 | 1,228 Palabras | 6 comentarios

Selectores avanzados CSS 2/4 – [attribute]

En este segundo capítulo sobre selectores avanzados vamos a ver el selector de atributo [attribute], su sintaxis, su funcionamiento y cuestiones de especificidad, pero sobre todo su aplicación práctica.

Continue leyendo →
en CSS | agosto 15, 2021 | 2,874 Palabras | Comentario

Ocultar el scroll con CSS – hide scroll

Todas las técnicas para ocultar el scrollbar que necesitas conocer en un breve artículo que te explica con ejemplos como combinar atributos como overflow, scrollbar-width y los pseudoelementos ::-webkit-scrollbar

Continue leyendo →
en CSS | marzo 8, 2021 | 1,380 Palabras | 2 comentarios

Selectores avanzados CSS 1/4 – nth-child()

Tutorial de selectores CSS :nth-child de básico a avanzado y aplicaciones prácticas

Continue leyendo →
en CSS | junio 27, 2020 | 1,202 Palabras | Comentario

Subscríbete al boletín

Etiquetas

accesibilidad buscador compartir contacto CSS CSS3 css columns código estructural diseño e-mail email enlace float formularios HTML funciones CSS href HTML HTML pattern inputmode input type jQuery link marcado semántico morfismo pattern pseudo-clases CSS REGEX responsive scrollbar selectores CSS share slider bar tabla HTML Telegram UCD URL usabilidad validación validación HTML5 web 3.0 web semántica whatsapp xhtml
Independent Publisher potencializado por WordPress

elcssar.com es una obra de Daniel Fernando Abril Franco licenciada como CC BY-NC-ND 4.0