CSS的content属性可以用于动态插入文字内容或者图像等,但是与HTML和JS不同,在CSS的content属性中,不能使用&#NUMBER;或者\uXXX的形式插入字或字符,在css content中输入&#NUMBER;或\uXXX,会原样输出。
在HTML中,&#NUMBER; 中的NUMBER是一组十进制整数,
在JS中\uXXXX(document.write('\uXXXX')),XXXX为一组十六进制整数,JS的escape()得到的是%uXXXX的结果。
css中直接用\XXXX的形式来表示unicode,XXXX为一组十六进制数
所以,要在CSS的content中插入特殊字符,只要使用\XXXX即可。
如➦符号,CSS、HTML、JS的各种用法如下
content:"\27a6";
该符的HTML代码为:➦
JS: \u27a6 document.write('\u27a6');
JS unescape():%u27a6 unescape('%u27a6');
十进制和十六进制之间可以使用JS/PHP等语言互相转换,此处不赘述。
注:各特殊符号的unicode编码可以在网上搜索到。 |
|