Unidades y Selectores

¡Estamos dispuestos a apostar que vas a encontrar, en esta sección, cosas que no conocías!

Unidades
Porcentaje completado: 82.8% (9513)
Porcentaje completado: 82.8% (9513)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de las siguientes unidades has utilizado?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kNúmero de Usuariosexexininmmmmcmcmchchptptvmin, vmaxvmin, vmaxremremememvh, vwvh, vw%%pxpx71283697618613623375487118713900791399432

Pseudo Elementos
Porcentaje completado: 81.9% (9408)
Porcentaje completado: 81.9% (9408)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de los siguientes pseudo elementos has utilizado?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kNúmero de Usuarios::backdrop::backdrop::marker::marker::first-line::first-line::first-letter::first-lette…::selection::selection::placeholder::placeholder::after::after::before::before1242293739164048669692959314

Combinators
Porcentaje completado: 81.8% (9398)
Porcentaje completado: 81.8% (9398)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de estas combinaciones de selectores has usado?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kNúmero de Usuariosdiv ~ div (hermano posterior)div ~ div (he…div + div (hermano siguiente)div + div (he…div > span (hijo)div > span (h…div span (descendiente)div span (des…6404769891579190

Estructura del Documento / Árbol
Porcentaje completado: 81.8% (9396)
Porcentaje completado: 81.8% (9396)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de estas estructuras de selectores has usado?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kNúmero de Usuarios:is():is():only-child:only-child:empty:empty:nth-last-of-type():nth-last-of-…:last-of-type:last-of-type:first-of-type:first-of-typ…:root:root:nth-of-type():nth-of-type(…:nth-last-child():nth-last-chi…:not():not():last-child:last-child:nth-child():nth-child():first-child:first-child1995311939644656547357725985689269817861886590249067
Hemos pedido a la comunidad de CSS que compartan su “elección del año”

Mi selección para 2020: Content-Visibility

Aunque content-visibility está marcando una gran diferencia en el rendimiento de mis aplicaciones web, creo que debería ser trabajo del navegador optimizar esto, en vez de los desarrolladores.

Hemos pedido a la comunidad de CSS que compartan su “elección del año”

Kilian Valkhof

Desarrollador Web y creador de Polypane

Atributos
Porcentaje completado: 74.9% (8608)
Porcentaje completado: 74.9% (8608)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de estos atributos has usado?

0.02.0k4.0k6.0k8.0k0.02.0k4.0k6.0k8.0kNúmero de Usuariosdiv[foo$="bar"] (Termina con)div[foo$="bar…div[foo~="bar"] (Contiene la palabra)div[foo~="bar…div[foo*="bar"] (Contiene la cadena)div[foo*="bar…div[foo^="bar"] (Empieza con)div[foo^="bar…div[foo] (Presencia)div[foo] (Pre…div[foo="bar"] (Igualdad)div[foo="bar"…379141584544551676118197

Enlaces/URLs
Porcentaje completado: 65.8% (7557)
Porcentaje completado: 65.8% (7557)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de estos selectores de enlaces y URLs has usado?

0.01.0k2.0k3.0k4.0k5.0k6.0k7.0k0.01.0k2.0k3.0k4.0k5.0k6.0k7.0kNúmero de Usuarios:local-link:local-link:any-link:any-link:target:target:link and :visited:link and :vi…56738086922

Interacciones
Porcentaje completado: 82.6% (9489)
Porcentaje completado: 82.6% (9489)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de estos selectores de interacciones has usado?

0.02.0k4.0k6.0k8.0k10k0.02.0k4.0k6.0k8.0k10kNúmero de Usuarios:focus-visible:focus-visibl…:focus-within:focus-within:active:active:focus:focus:hover:hover20812919897892189460

Control de Formularios
Porcentaje completado: 74.5% (8559)
Porcentaje completado: 74.5% (8559)

Exportar
Porcentajes%
CuentaΣ

¿Cuáles de estos selectores para formularios has usado?

0.02.0k4.0k6.0k8.0k0.02.0k4.0k6.0k8.0kNúmero de Usuarios:user-invalid:user-invalid:in-range and :out-of-range:in-range and…:indeterminate:indeterminat…:placeholder-shown:placeholder-…:default:default:read-only and :read-write:read-only an…:valid and :invalid:valid and :i…:required and :optional:required and…:enabled and :disabled:enabled and …:checked:checked4559461587201926083791397966647903
« Anterior: Otras CaracterísticasSiguiente: Tecnologías »
Gráficas construidas con Nivo. Alojado por Netlify.
¿Preguntas? ¿Has encontrado un fallo? Contacta con nosotros. Únete a nosotros en Discord.
Presiona option/alt para habilitar el modo traductor.