内容属性为空在webkit中不起作用？

Question

我对webkit中的Content属性有疑问。如果内容的值为空，则无效。所有其他浏览器都可以工作但不能使用webkit ...

看看这段代码：

http://jsfiddle.net/s2pf4wmg/1/

问题在于：

#list li::before {
  content:""; //this is problem
  display: list-item;
}

此代码适用于chrome，firefox，IE ecc。在ul #list 的每个项目之前的那些浏览器中，只有一个列表样式。但在safari中不起作用！在safari中有两种列表式（两个圆圈）。

如果我想看到我的代码在webkit中工作，我必须改变它：

#list li::before {
  /*  content:""; */
  display: list-item;
}

为什么会出现这个问题？

Answer 1

问题是

{
 display: flex;
}

如果添加 -webkit-flex

，则有效