我有问题。我找到了向下箭头的HTML代码
↓
(↓)很酷。现在我需要像这样在CSS中使用它:
nav a:hover {content:"&darr";}
这显然是行不通的,因为
↓
是HTML符号。有关在CSS中使用的这些“转义的unicode”符号的信息似乎较少。我发现了其他类似20
的符号,但没有箭头。箭头代码是什么?#1 楼
为什么不只将CSS文件保存/保存为UTF-8?nav a:hover:after {
content: "↓";
}
如果这还不够好,您想保留所有ASCII码:
nav a:hover:after {
content: "93";
}
字符串中Unicode字符的一般格式为
\FFFFFF
0000
至0
-反斜杠后跟六个十六进制数字。当Unicode字符是字符串中的最后一个字符或在Unicode字符后添加空格时,可以省略前导q4312079q数字。有关完整的详细信息,请参见下面的规范。CSS2规范的相关部分:
第三,反斜杠转义符允许作者引用他们所使用的字符不能轻易放入文档中。在这种情况下,反斜杠后面最多包含六个十六进制数字(0..9A..F),代表具有该数字的ISO 10646([ISO10646])字符,该数字不能为零。 (在CSS 2.1中未定义,如果样式表确实包含Unicode码为零的字符,会发生什么情况。)如果[0-9a-fA-F]范围内的字符跟随十六进制数,则该数字的末尾需要弄清楚。有两种方法可以执行此操作:
带有空格(或其他空白字符):“ \ 26 B”(“&B”)。在这种情况下,用户代理应将“ CR / LF”对(U + 000D / U + 000A)视为单个空格字符。
通过提供恰好6个十六进制数字:“ \ 000026B”(“&B” )
实际上,这两种方法可以结合使用。十六进制转义后,仅忽略一个空格字符。请注意,这意味着转义序列后的“实际”空格必须加倍。当前的Unicode),UA可以使用“替换字符”(U + FFFD)替换转义符。如果要显示字符,UA应该显示可见的符号,例如“缺少字符”字形(参见15.2,第5点)。
注意:反斜杠转义符始终被认为是标识符或字符串的一部分(即,“ \ 7B”不是标点符号,即使“ {”是,并且在类名的开头也允许“ \ 32”,即使虽然不是“ 2”)。
标识符“ te \ st”与“ test”完全相同。
列表:Unicode字符“向下箭头”(U + 2193)。
评论
这是另一个箭头列表:unicode-table.com/en/sets/arrows-symbols使用“ U +”代码,但用“ \”替换“ U +”。例如“ U + 25C0”变为内容:“ \ 25C0”;
–卢克
2014年12月5日15:26
该实体转换计算器可能会派上用场。
–炉
2015年5月5日在8:07
一个细节,要在转义字符后添加一个空格,您需要添加两个空格“ \2193␣␣”。这是因为CSS解析器占用了第一个空格。如果Unicode数字不超过5个字符,则是这种情况。
– Alexis Wilke
2015年9月8日下午4:22
对于来这里尝试将其与内容CSS属性和iOS结合使用的任何人,您都需要使用符号/代码点,然后使用unicode变体(不带'u'),例如内容:“ \ 2b06 \ fe0e”
–马特·莱西
17-10-24在14:24
@RoCk我没有Font Awesome的经验;这回答了你的问题了吗? stackoverflow.com/a/17256965/139010
–马特球
18年6月8日,0:25
评论
您需要一个:before或:after内容才能工作一个简单的Google搜索显示blooberry.com/indexdot/html/tagpages/entities/arrow.htm列出了许多箭头的Unicode代码点。
@Phrogz不幸的是,该站点在unicode中不包含“ /”,因此通常我不知道我必须在代码中添加“ /”才能使其在CSS中工作。我现在知道,我必须添加“ /”才能使其起作用。
@davecave,实际上是反斜杠(\)。
很棒的工具:evotech.net/articles/testjsentities.html(没有个人联系;我只是用它)