I have a problem. I have found the HTML code for the downwards arrow, ↓ (↓)

凉爽的.现在我需要在CSS中使用它,如下所示:

nav a:hover {content:"&darr";}

这显然行不通,因为↓是一个HTML符号.关于css中使用的这些"转义unicode"符号的信息似乎较少.我还发现了\2020这样的符号,但没有箭头.箭头代码是什么?

推荐答案

为什么不直接将CSS文件保存/提供为UTF-8呢?

nav a:hover:after {
    content: "↓";
}

如果这还不够好,而你想全部保留下来-ASCII:

nav a:hover:after {
    content: "\2193";
}

字符串中Unicode字符的一般格式是\000000\FFFFFF,即反斜杠后跟6个十六进制数字.当Unicode字符是字符串中的最后一个字符或在Unicode字符后添加空格时,可以省略前导0位.有关详细信息,请参阅下面的规格.


Relevant part of the CSS2 spec:

第三,反斜杠转义允许作者引用他们不能轻易放入文档中的字符.在本例中,反斜杠后面最多跟六个十六进制数字(0..9A..F),它们表示具有该数字的ISO[ISO10646][ISO10646]字符,不能为零.(CSS 2.1中未定义如果样式表does包含Unicode代码点为零的字符会发生什么情况.)如果范围[0-9a-FA-F]中的字符跟在十六进制数字之后,则需要明确数字的结尾.有两种方法可以做到这一点:

  1. 带有空格(或其他空白字符):"\26 B"("&B").在这种情况下,用户代理应将"CR/LF"对(U+000D/U+000A)视为单个空白字符.
  2. 通过恰好提供6个十六进制数字:"\000026B"("&;B")

事实上,这两种方法可以结合使用.十六进制转义后,只有一个空格字符被忽略.请注意,这意味着转义序列后的"真实"空间必须加倍.

如果数字超出Unicode允许的范围(例如,"\115.2,00"高于当前Unicode允许的最大10FFFF),UA可以用"替换字符"(U+FFFD)替换转义符.如果要显示字符,UA应显示一个可见符号,例如"缺少字符"字形(参见15.2,点5).

  • 注意:反斜杠转义总是被认为是identifier或字符串的一部分(即"\7B"不是标点符号,即使"{"是,并且"\32"允许在类名的开头,即使"2"不是).

综合榜单:Unicode Character 'DOWNWARDS ARROW' (U+2193)个.

Css相关问答推荐

MUI Reaction移除焦点上的轮廓边框

如何根据屏幕宽度覆盖SCSS变量?

如何在页面顶部创建固定横幅,并在其下方设置滚动条?

尽管 URL 路径正确,但背景图像未显示

flexbox换行时自动设置高度的原理是什么

如何为图像堆叠效果下方的图层实现与磨砂玻璃类似的视觉效果

Tailwind CSS 不输出背景类

如何简化CSS?

混合模式粘性位置

用css画3个三角形

React Typescript 中的自动 typewriter 效果

使用 MUI 动态绘制多个边框

将复选框对齐到中心

如何定位 CSS 网格布局中的特定列或行?

Flexbox 列自底对齐

什么是 DOM 回流?

CSSzoom 高度以匹配宽度 - 可能与外形尺寸

位置元素垂直固定,绝对水平

CSS 中的星号属性是什么意思?

使用css调整div中背景图像的大小