Pregunta Seleccionar todas las propiedades CSS con corchetes para borrarlas


¿Cómo se podría buscar, dentro de un archivo CSS y usando Komodo Edit, todo dentro y los corchetes de cada regla de estilo CSS?

Necesito terminar con una lista de clases e identificadores de CSS que borran todas las propiedades de un archivo CSS muy grande.

Necesito convertir esto:

.template{
color: #FFF;
}
.template1{
color:red;
}

dentro de esto:

.template
.template1

Gracias por adelantado.


0


origen




Respuestas:


podría usar una expresión regular para encontrar todas las apariencias de cosas entre '{' y '}', y luego reemplazarlas por "nada". Tenga en cuenta que no conozco Komodo Edit, pero supongo que es capaz de usar expresiones regulares para buscar / reemplazar texto. Sou, tendrás que descubrir cómo.

la expresión podría ser así:

{[\ w \ s:; #] *}

Si no conoce expresiones regulares, aquí hay una breve explicación:

  • { y } coincide con {y}
  • [] es el grupo de personajes que buscará en los corchetes, y aquí va lo que necesite seleccionar.
  • \ w coincide con leters y números, y el guión bajo
  • \ s coincide con espacios en blanco (espacios, pestañas, etc.)
  • :; # - empareja directamente esos símbolos

solo agregue cualquier otro símbolo que pueda encontrar entre el {}, es posible que haya olvidado algunos de ellos.

Sin embargo, recomiendo aprender expresiones regulares, son una herramienta poderosa para lograr exactamente lo que necesita.

Un buen patio de recreo para expresiones regulares se puede encontrar aquí y aqui Te he puesto la expresión regular que sugiero para que juegues con ella.

Una última palabra: si necesita más ayuda con expresiones regulares, puede ir a desbordamiento de pila en lugar de aquí (quizás incluso migren tu publicación, pero te estoy respondiendo aquí).

¡buena suerte!


2



Gracias Diego. Su respuesta me ha indicado la dirección correcta, pero todavía no puedo seleccionar TODOS los bloques de texto entre llaves. Algunos son seleccionados, otros no. Creo que tendré que ser mucho más específico (o no, tendré que probar). - MauF


Jugueteé un poco y con este patrón RegEx:

\{[^\}]*\}

Puedo seleccionar todo lo que necesito, incluidas cadenas como:

{
background:url("../img/mas.png") no-repeat scroll center top transparent;height:19px;padding:0;position:relative;width:20px;z-index:98;
}

0