如何在元素之前放置字符&#8226 ::?
这个问题在这里已经有了答案:
CSS :before
和:after
的content
接受逃脱字符的Unicode十六进制表示。
让我们学习如何去实现它:
我们可以使用content: "•";
但是由于我们被认为避免使用特殊字符来支持它们的原始Unicode表示,所以我们不会被定义为@charset "utf-8";
在样式表中并保存。 让我们找到这样的十六进制值!
打开开发人员控制台并编写:
"•".charCodeAt(0) // 8226 ( base10 )
以上将产生8226
,这是我们通常在HTML中使用的Decimal Numeric值(例如•
要得到 •。 差不多了...
现在让我们来做:
"•".charCodeAt(0).toString(16) // "2022" ( base16 )
console.log(
"•".charCodeAt(0).toString(16)
)
您可以使用像Entity Converter这样的工具将您的点转换为CSS可利用的实体::before { content: '2022'; }
::before { content: '2022'; }
。 确保您正在使用的字体在其字符集中包含该字符,或者使用支持该字符的后备字体。 另外,请确保您将它应用于具有选择器( a
, .someclass
等)的特定元素。