如何在元素之前放置字符&#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等)的特定元素。
