css - 解释应用于 SVG 元素的 CSS 'display' 属性？

Question

根据spec SVG 的引入需要向 CSS 显示属性添加一个新值:svg。 SVG 中的元素具有默认样式:

svg { display: block; overflow: hidden }
svg * { display: svg } 

这是有道理的。包含 SVG 的 SVG 元素被设置为 block ，并且 SVG 元素中包含的每个元素都是 display: svg。它只是意味着将此 SVG 元素传递给要渲染的 SVG 引擎，但是如果您将 SVG 文档中的元素设置为其他值(内联、 block 等)，该元素会发生什么？规范没有解释那会做什么甚至意味着什么。

Answer 1

The spec doesn't explain what that would do or even mean.

确实如此，而且在规范的修订版发布后，它似乎被完全注销了。 svg 不再是 display 的有效值 the 2001 recommendation of SVG 1.0 , 或 SVG 1.1 .这很可能意味着在您提到的那种情况下的行为从未被定义。