根据规范,SVG 的引入需要向 CSS 显示属性添加一个新值:svg。SVG 中的元素具有默认样式:
svg { display: block; overflow: hidden }
svg * { display: svg }
那讲得通。将包含 SVG 的 SVG 元素设置为块,并且 SVG 元素中包含的每个元素都是 display: svg。它只是意味着将此 SVG 元素传递给 SVG 引擎以进行渲染,但是如果将 SVG 文档中的元素设置为其他值(内联、块等),该元素会发生什么情况?该规范没有解释这会做什么甚至意味着什么。