ページ レイアウトの設計/変更中に、必要に応じて div/class 要素ごとに色を付けています。これにより、レイアウトの構造が明確にわかります。
実際のコンテンツでページ レイアウトをテスト/提示しているときに、別の配色を使用しています。
この 2 つを頻繁に切り替える必要があります。どうすればこれを達成できますか?
助けてください。
2 つの CSS ファイルを使用します。それぞれ同じクラスですが、色の値などが異なります。2つを交換するバッチファイルを用意してください。hostsファイルとWebサーバーの魔法を使用して、より洗練されたスキニングアプローチをまとめることができますが、それはニーズに対してやり過ぎかもしれません.
テスト中に、またはタグにクラスを追加できますhtml
body
例えば <html class="testingMode">
そして、スタイルシートで他のスタイルをオーバーライドすることができます
例えば
/*Normal/Live mode*/
.divClass {
background: none;
}
/*Testing mode*/
.testingMode .divClass {
background: green;
}
testingMode
ライブに移行する前に、タグからのクラスを削除できますhtml
。これらのオーバーライド スタイルは適用されません。