Questão Selecionando todas as propriedades css com colchetes para apagá-las


Como alguém procuraria, dentro de um arquivo CSS e usando o Komodo Edit, tudo dentro e incluindo os colchetes de cada regra de estilo CSS.

Eu preciso acabar com uma lista de classes CSS e IDs, apagando todas as propriedades de um arquivo CSS muito grande.

Eu preciso mudar isso:

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

nisso:

.template
.template1

Desde já, obrigado.


0


origem




Respostas:


você pode usar uma expressão regular para encontrar todas as aparências das coisas entre '{' e '}' e, em seguida, substituí-las por "nada". Note que eu não sei o Komodo Edit, mas acredito que seja capaz de usar expressões regulares para procurar / substituir texto. Sou você terá que descobrir como.

a expressão poderia ser assim:

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

Se você não conhece expressões regulares, aqui está uma breve explicação:

  • { e } coincidir com {e}
  • [] é o grupo de caracteres que você vai procurar nos parênteses, e aqui vai o que você precisa selecionar.
  • \W combina letras e números e o sublinhado
  • \ s corresponde a espaços em branco (espaços, tabulações, etc)
  • :; # - corresponde diretamente a esses símbolos

basta adicionar quaisquer outros símbolos que você possa encontrar entre {}, eu posso esquecer alguns deles.

No entanto, eu recomendo altamente aprender expressões regulares, elas são uma ferramenta poderosa para alcançar exatamente o que você precisa.

Um bom playground para regexs pode ser encontrado Aqui e por aqui Eu coloquei o regex que eu sugiro para você brincar com ele.

Uma última palavra: se você precisar de mais ajuda com expressões regulares, você pode ir para stackoverflow em vez de aqui (talvez eles até migrem sua postagem, mas eu estou respondendo aqui).

boa sorte!


2



Thanx Diego. Sua resposta apontou para a direção correta, mas ainda não consigo selecionar CADA bloco de texto entre chaves. Alguns são selecionados, outros não são. Eu acho que vou precisar ser muito mais específico (ou não, vou ter que testar). - MauF


Eu brinquei um pouco e com este padrão RegEx:

\{[^\}]*\}

Eu posso selecionar tudo o que eu precisava, incluindo seqüências de caracteres como:

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

0