1

Não tenho muito conhecimento sobre regex (acho que ninguém entende completamente isso) e gostaria de fazer uma expressão regular para alterar um arquivo CSS colocando um nível de hierarquia(uma classe chamada "minhaClasse" por exemplo) em todas as regras, da seguinte maneira:

Código atual

div {
   width: 100%;
   border: 5px solid #F00;
}

.botao-vermelho {
   background: #F00;
}

div .botao-vermelho {
   color: #000;
}

Código desejado

.minhaClasse div {
   width: 100%;
   border: 5px solid #F00;
}

.minhaClasse .botao-vermelho {
   background: #F00;
}

.minhaClasse div .botao-vermelho {
   color: #000;
}

o arquivo css é bem extenso e não é viável fazer isso na mão

3
  • 1
    Pesquisa por LESS ou SASS. Esquece isso aí que você está falando. Conselho: esquece. Commented 27/05/2016 às 19:41
  • 1
    @PeterParker ué se for só uma ediçãozinha não tem problema. Editar arquivos com regex é uma habilidade sempre útil.
    – rodorgas
    Commented 27/05/2016 às 19:44
  • 2
    O mais importante que tem que entender sobre RegEx é que o nome não é à toa: "expressões regulares". Na maioria dos casos onde é bem usada,só foi usada por não ter jeito mais simples com operações de string. Para coisas repetitivas, o RegEx pode ser uma boa, pois aí você não perde o overhead da compilação à toa. Em compensação, aqui no SOpt eu vejo usada em excesso em coisas que não são caso pra RegEx.
    – Largato
    Commented 27/05/2016 às 20:06

1 Resposta 1

1

A pattern que você está procurando é

(.+) {

Substitua por

.minhaClasse \1 {
1
  • Eu precisei por uma / antes da { no Find&Replace do Sublime, mas funcionou certinho, obrigado! Commented 27/05/2016 às 19:52

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .