Comprenda por qué CSS no tiene ningún efecto con el indicador de reglas CSS inactivas en Firefox DevTools

Es útil cuando DevTools le indica que una declaración no es válida. Por ejemplo, colr: red;no es válido porque colrno es una propiedad válida. Asimismo, color: rd;no es válido porque rdno es un valor válido. En su mayor parte, DevTools de un navegador muestra la declaración tachada con un icono de advertencia ( ). Sería bueno si fueran un paso más allá para decirte qué está mal (o ambas cosas) y sugerir posibles soluciones, pero bueno, no quiero mirarle el diente a un caballo regalado.

Firefox está empezando a ir un paso más allá al indicarle cuándo ciertas declaraciones no son válidas, no debido a un error de sintaxis, sino porque no cumplen con otros requisitos. Por ejemplo, lancé un grid-column-gap: 1remal azar py me dijeron esto en una pequeña ventana emergente:

grid-column-gapno tiene ningún efecto sobre este elemento ya que no es un contenedor flexible, un contenedor de cuadrícula o un contenedor de varias columnas.

Intente agregar display:grid, display:flexo columns:2. Aprende más

Bueno, eso es muy útil.

Elijah Manor tiene una publicación de blog y un video que profundiza un poco en esto.

Enlace directo →

Tal vez te puede interesar:

1. ¿Cómo se hace el tamaño máximo de fuente en CSS?
2. Cambiar el tamaño de los valores en pasos en CSS
3. ¿Qué hace “revertir” en CSS?
4. CSS4 es una mala idea

Comprenda por qué CSS no tiene ningún efecto con el indicador de reglas CSS inactivas en Firefox DevTools

Es útil cuando DevTools le indica que una declaración no es válida. Por ejemplo, colr: red;no es válido porque colrno es una propiedad válida. Asimismo, c

programar

es

https://aprendeprogramando.es/static/images/programar-comprenda-por-que-css-no-tiene-ningun-efecto-con-el-indicador-de-reglas-css-inactivas-en-firefox-devtools-1537-0.jpg

2024-09-30

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente