大きなCSSファイルのすべてのクラスに#idを追加しますか？

私は大きなCSSファイル（カスタムブーストラップライブラリ）を持っています。私はメディアのクエリを含むすべてのクラスの前に、クラス#pageを追加する必要があります、これを行う簡単な方法はありますか？大きなCSSファイルのすべてのクラスに#idを追加しますか？

またはブートストラップのみ

ベン

出典

2017-03-21 Ben Jones

次のコマンドを実行rootのフォルダに移動CMD私はパーサを書くよりも、手動でそれを行うことが速くなると思います私たちが何千もの行について話していない限り、仕事をしています...そして、これが助けになるかもしれません：http://stackoverflow.com/questions/30830907/is-looping-through-all-style-sheets-and-classes-a -good-idea-in-javascript – LGSon

一つの解決策は、ブートストラップは、iframe内のスタイルになっているものをカプセル化するだろう、単一のDIVの内側に適用します。 iFrameはブートストラップスタイルシートをインポートしますが、含まれているページはインポートされません。

このiFrameを#page divに入れることができます。

出典

2017-03-21 06:22:04

はい、私はこれがうまくいかないと思っています。 Note ++などのトリックですか？ –

ああ、キャラクタごとにCSSファイルをトークン化するためのスクリプトを書くだけです。セレクタが見つかるたびに、 "#page" +セレクタを表示します。それ以外の場合は、トークンを出力します。すべての空白文字がそのまま印刷されます。 –

あなたはブートストラップを作ることができますLESS

使用は、単一のDIVの内側に適用したり、メディアを含め、すべてのクラスがlessを使用してを照会する前に、クラスpageを追加します。

1）Install Less

2）以下のファイルを作成する（style.less）

.page { //class name 
    @import (less) "bootstrap.css"; 
}

も追加bootstrap.css

ファイル構造

ルート/ style.less

ルート/ bootstrap.css

3）ターミナルで/コマンド

lessc style.less bootstrap.css

DEMO

出典

2017-03-21 08:27:35 Amal

優れたソリューション –

大きなCSSファイルのすべてのクラスに#idを追加しますか？

答えて

関連する問題