2016-08-02 7 views
0

私は大きなSCSSドキュメントを使用しています。それは非常に大きいです。大きなドキュメントの角括弧のスタイルを変更するにはどうすればよいですか?

.class 
{ 
    #inner 
    { 
     p 
     { 

     } 
    } 

} 

私は手でそれを変更することはできません:、私はそれがはるかに簡単に読むことを見つけ、私はそれが次のようになりたい

.class { 
    #inner { 
     h5 { 

     } 
    } 

} 

現在のスタイルは、このようになります。エディタを使って最も外側のクラスを変更するのに問題はありません。しかし、編集者は空白のニュアンスを拾いません。何か私にできることはありますか?左括弧がどのようにインデントされ、クラスの開始点の下に落ちるかに注目してください。

**すべての開始括弧が単に改行するだけでなく、右側のインデントも必要であることに注意してください。セレクタはID、クラス、タグなどにすることができます。

+0

http://www.cleancss.com/css-beautify/ – Simon

+0

^それは仲間ではありません。 – munchschair

答えて

0

私は手で大部分を終わらせました。

は、しかし、それのいくつかは、私はこのように見えた正規表現を使用:

{\ nは\ T \ T \ T、それの後に改行とタブの

0

つまり、単純なことを使うことができます。正規表現を見つけて置き換えるだけです。以下のような単純なものを試してみてください:

\..*{

次に、あなただけのmulticursorのトリックを使用して、あなたは:)好きな場所に新しい行を追加することができます。

+0

これ以上説明できますか?私はあなたにここに完全に従っていません。 – munchschair

+0

括弧で囲んだ検索と置換のウィンドウに行くと、 '。*'のようなシンボルが表示されます。これは正規表現を使って検索することができることを示しています。すべてのインスタンスを見つけて空白行を追加することができます。 – user2662833

+0

\ .. * {その前のクラスも強調表示します。また、マルチカーソルトリックとは何ですか?私はこれを行うために括弧をダウンロードしました。 – munchschair

関連する問題