属性内容不显示

时间:2014-01-02 16:35:34

标签: css3 spring-mvc

在我的CSS中我说:

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

但是在Chrome中它显示如下:

content: " â–¾";

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

2 个答案:

答案 0 :(得分:2)

这样的事情:

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 ..

答案 1 :(得分:0)

最后它只是用

工作
<%@ page contentType="text/html; charset=UTF-8" %>

我在工作中尝试这个代码,但它没有用,但是当我回家时,我的电脑工作了!