：元素後不顯示內容

Question

我不是CSS的主人，但我試圖讓自己的導航欄與一個Instagram應用程序使用類似的風格。

我試圖用after僞元素在選定選項的底部顯示小條。

但是，它只顯示當我將屬性content設置爲任何值，即使""。如果我擺脫了屬性，酒吧不顯示。這是爲什麼發生？

http://jsfiddle.net/jfs0guoh/

Answer 1

因爲我指定這種方式。

content的默認值是none。

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

值的含義如下：

沒有
不產生僞元素。