：元素没有内容后显示

Question

我不是CSS的主人，但我试图使用Instagram应用程序使用的类似风格制作我自己的导航栏。

我试图使用after伪元素在所选选项的底部显示小条。

但是，它仅在我将属性content设置为任何值时显示，甚至是""。如果我摆脱了属性，条形图不会显示。为什么会这样？

http://jsfiddle.net/jfs0guoh/

Answer 1

因为我以这种方式指定了。

content的默认值为none。

http://www.w3.org/TR/CSS21/generate.html#propdef-content告诉你：

  

值具有以下含义：

     

<强>无
  不生成伪元素。