SVG:使用属性还是 CSS 来设置样式?

2024-01-01

在 HTML 中,建议将内容与样式分开,因此您应该为样式创建外部 CSS 文件。由于我刚刚开始使用 SVG,我现在想知道:这条规则是否也适用于 SVG?

什么被认为是更好的代码风格?

  • <circle fill="yellow" />
  • or <circle style="fill: yellow;" />

我来到这里是因为我试图记住属性或样式是否具有更高的优先级。这是您想要其中一个而不是另一个的实际原因之一。

属性作为“表示提示”应用,就好像它们是级联样式表中的第一个一样。换句话说,这给了它们最低的优先级。 https://www.w3.org/TR/2008/REC-CSS2-20080411/cascade.html#q12

因此,优先级从最低到最高是

  1. 属性
  2. CSS 样式表
  3. 内联样式

内联样式的优先级比它旁边的属性高得多,这有点令人困惑。 (我一直得查这个!)

不会有任何新的表示属性,我们鼓励使用 CSS 样式来代替,但听起来表示属性不会很快消失。

更多详细信息可以在SVG 标准样式章节的表示属性部分 https://www.w3.org/TR/SVG/styling.html#PresentationAttributes.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

SVG:使用属性还是 CSS 来设置样式? 的相关文章

随机推荐