如何在元素之前放置字符&#8226 ::?

这个问题在这里已经有了答案:

  • 使用CSS内容添加HTML实体9个答案

  • CSS :before:aftercontent接受逃脱字符的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等)的特定元素。

    链接地址: http://www.djcxy.com/p/15543.html

    上一篇: How do I put character &#8226 ::before an element?

    下一篇: how to set to –