css - 属性内容不显示

Question

在我的 CSS 中:

nav label:AFTER {
   content: "  ▾";
}

但在 chrome 中它显示如下:

content: " â–¾";

我已经添加了<meta charset="utf-8"/>在我的 jsp 页面和 @CHARSET "utf-8";在 css 文件中。

Answer 1

像这样的事情怎么样:

HTML:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

CSS:

ul{
list-style-type: none;
}

ul li{
display: inline-block;
position: relative;
margin-right: 10px;
}

ul li:after {
content:'';
position: absolute;
top: 10px;
right: -10px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;    
border-top: 3px solid black;
}

和the Fiddle ..