html里的 content:"\e614" 是什么意思?

如上,知道的知友请发相关链接帮我科普一下,谢谢!

在after和before

这两个伪类下特有的属性 content ,用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内容。注意这些添加不会改变文档内容,不会出现在 DOM 中,不可复制,仅仅是在 CSS 渲染层加入。比较有用的是以下几个值:

[String] â€“ ä½¿ç”¨å¼•å·åŒ…括一段字符串,将会向元素内容中添加字符串。示例:
a:after { content: ""; }
attr() â€“ è°ƒç”¨å½“前元素的属性,可以方便的比如将图片的 Alt æç¤ºæ–‡å­—或者链接的 Href åœ°å€æ˜¾ç¤ºå‡ºæ¥ã€‚示例:
a:after { content:"(" attr(href) ")"; }
url() / uri() â€“ ç”¨äºŽå¼•ç”¨åª’体文件。示例:
h1::before { content: url(logo.png); }
counter() â€“  è°ƒç”¨è®¡æ•°å™¨ï¼Œå¯ä»¥ä¸ä½¿ç”¨åˆ—表元素实现序号功能。具体请参见 counter-increment å’Œ counter-reset å±žæ€§çš„用法。示例:
h2:before { counter-increment: chapter; content: "Chapter " counter(chapter) ". " }

而题主所用的\e614应该是一个字体图标,通过插入内容,在其他部分引入字体图标样式,从而用伪类的方法去生成字体图标。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-11-11

主要是用来给元素增加一个 覆盖层。

<style>
* {margin:0; padding:0;}
div {width:160px; height:200px; border:1px solid #ccc; margin:100 auto;}
i {background:url(../%E4%BD%9C%E4%B8%9A%E7%B4%A0%E6%9D%90/1-3.%E6%92%AD%E6%94%BE%E5%88%97%E8%A1%A8%E6%94%B6%E7%BC%A9%E5%B1%95%E5%BC%80/images/ico.gif) no-repeat 0 0 red; display:block; width:20px; height:20px;}
span {display:block; width:30px; height:40px;}
i:before {display:block; content:'\e614'; background:yellow;}
</style>
</head>

<body>
<div>
     <i></i>
     <span>11</span>
    </div>
</body>

追问

\e614 代表什么?
是一个固定的符号吗?还是可以在css文件里指定?

本回答被网友采纳
相似回答