正規表現を使って正規表現を使用する正規表現CSS

Question

上位レベルの「Find & Replace」で正規表現を使用して、すべてのCSSに階層レベル（「myClass」という名前のクラスなど）を追加する必要があります。ルール

現在のコード

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

.red-button { 
    background: #F00; 
} 

div .red-button { 
    color: #000; 
} 

私は

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

.myClass .red-button { 
    background: #F00; 
} 

.myClass div .red-button { 
    color: #000; 
} 

必要なのCSSファイルが大きすぎる、私は正規表現は

Answer 1

説明

^([^\n{]+\{) 

を助けることができると思いますはと交換してください：.myClass $1

例

ライブデモ

https://regex101.com/r/aG2tJ2/1

をサンプルテキスト

交換後

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

.red-button { 
    background: #F00; 
} 

div .red-button { 
    color: #000; 
} 

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

.myClass .red-button { 
    background: #F00; 
} 

.myClass div .red-button { 
    color: #000; 
} 

説明

NODE      EXPLANATION 
---------------------------------------------------------------------- 
^      the beginning of a "line" 
---------------------------------------------------------------------- 
    (      group and capture to \1: 
---------------------------------------------------------------------- 
    [^\n{]+     any character except: '\n' (newline), 
          '{' (1 or more times (matching the most 
          amount possible)) 
---------------------------------------------------------------------- 
    \{      '{' 
---------------------------------------------------------------------- 
)      end of \1 
----------------------------------------------------------------------