CSS选择器中的垂直线？

Question

在谷歌浏览器 46.0.2490.80 m 的调试器中，我发现svg有一些有趣的css选择器：

html|* > svg { /* css stuff */ }

（user agent stylesheet）

当我得到它时，会选择所有svg个元素，这些元素是...... direct children的{​​{1}}？这条垂直线是什么意思？

Answer 1

它将命名空间与选择器分开。在这种情况下，它正在html名称空间中查找所有svg元素，这些元素是另一个标记的直接子元素。