CSS ファイルの範囲をページの特定の部分に限定できるアプローチが必要です。理論的には、この例は私が必要とすることを行うはずです:
<html>
<head>
</head>
<body>
<div>
<style scope>
@import url("style1.css");
</style>
<div class="testText">Test with Style 1</div>
</div>
<div>
<style scope>
@import url("style2.css");
</style>
<div class="testText">Test with Style 2</div>
</div>
</body>
</html>
しかし、スコープ要素は現在、一部のブラウザー (主に Firefox 21 以降) でのみ使用できることがわかりました。だから、私は怠惰な方法や問題を探しています。さまざまなスタイルのコンテンツをサイトに統合する必要があります。両方の css ファイルセットをロードしようとしましたが、両方のスタイルシートに表示されるスタイル名がいくつかあるため、1 つのファイルセットと対応する html コンテンツでスタイル名の名前を変更するのは大変な作業になります。特に、Eclipse でリファクタリングすることはできないためです。 ... :)
広く互換性のある結果をレンダリングできる他のソリューションはありますか?
よろしく