我需要一种方法,可以将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>
然而,我发现目前只有一些浏览器支持 scope 元素(主要是 Firefox 21+)。因此,我正在寻找一个简单的方法或解决方案。我需要将一些具有不同样式的内容集成到网站中。我们尝试加载两个 CSS 文件集,但是有些样式名称在两个样式表中都出现,因此重命名一个文件集中的样式名称以及相应的 HTML 内容将会很麻烦,特别是因为你不能只是通过 Eclipse 进行重构... :)
是否有其他解决方案可以广泛兼容并呈现这样的结果?
敬礼