CSS 样式表范围为单个 svg 标签

Question

我有一个带有两个或更多 SVG 标签的网页。每个 SVG 标签都包含一个 style 标签块，其中包含给定 SVG 元素的 CSS 样式。不幸的是，这些样式表似乎渗入了全局样式。例如，在第一个 SVG 元素上设置类 'x1' 的样式将导致在第二个 SVG 上设置类 'x1' 的样式。我希望能够为每个特定的 SVG 文档设置不同的样式。这可能吗？

Answer 1

一旦浏览器支持它，您就需要<style scoped>. 这意味着 Firefox 21 或更高版本，或者 Chrome 19 或更高版本（但您需要在 chrome://flags 中启用它）。