Depurador de Reglas CSS

Encuentre selectores CSS duplicados y combine sus declaraciones en una sola

Optimiza las hojas de estilo consolidando las propiedades de los selectores duplicados.

도구를 불러오는 중…

🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.

Cómo usar

  1. Pegue su código CSS.
  2. Haga clic en Depurar CSS.
  3. Copie el código CSS optimizado.

Preguntas frecuentes

¿Cómo se resuelven los conflictos de valores?
Al igual que en la cascada CSS, el valor que aparezca más adelante en el documento original tendrá prioridad.
¿También se combinan los selectores duplicados dentro de bloques @media?
Sí, pero solo se comparan y combinan los selectores que están dentro de la misma condición @media. Si el mismo selector aparece fuera y dentro de una media query (por ejemplo, un estilo base y otro responsive), se dejan por separado, ya que se aplican en circunstancias distintas y combinarlos cambiaría el comportamiento.
¿También se combinan los selectores duplicados dentro de bloques @media?
Sí, pero solo se comparan y combinan los selectores que están dentro de la misma condición @media. Si el mismo selector aparece fuera y dentro de una media query (por ejemplo, un estilo base y otro responsive), se dejan por separado, ya que se aplican en circunstancias distintas y combinarlos cambiaría el comportamiento.

← Volver a todas las herramientas

Ver preciosConsulta gratis