【问题标题】:CSS How to add new pseudo contentCSS 如何添加新的伪内容
【发布时间】:2014-08-25 11:54:06
【问题描述】:
.newclass {
    content: "\00A9";
}

在上面的代码中,版权图标出现了。我有一个问题和一个要求。

问题 - 这个图标是从哪里来的?来自我的电脑、互联网或其他方式的任何图像。

要求 - 如果我必须引入一个新代码,并为该代码关联一个新图标,该怎么做?

【问题讨论】:

  • 这些是 unicode 字符。查看here 获取完整列表。
  • 很难想象有充分的理由通过生成的内容添加像“©”这样的字符,而不是在内容中添加它。你可能解决了错误的问题。
  • 这是一个字符,而不是一个图标。不清楚您所说的引入新代码和关联新同名是什么意思。

标签: css pseudo-element pseudo-class


【解决方案1】:

这是一个 unicode 转义序列, 在这里你可以找到一些例子:

http://css-tricks.com/snippets/html/glyphs/

【讨论】:

    【解决方案2】:

    这些适用于伪元素并且是 unicode 字符。 http://codepen.io/anon/pen/EFAtk

    这里有一个列表:http://unicode-table.com/en/

    HTML 测试

     ©
    <p> &#64;
    <a href="http://unicode-table.com/en/">http://unicode-table.com/en/</a></p>
    

    CSS 测试

    :before {
    color:red;
    }
    body:before {
        content: "\00A9";
    }
    p:before {
      content:'\0040';
    }
    

    【讨论】:

      猜你喜欢
      • 2011-11-12
      • 1970-01-01
      • 1970-01-01
      • 2012-03-15
      • 1970-01-01
      • 1970-01-01
      • 2015-07-12
      • 1970-01-01
      • 2017-06-27
      相关资源
      最近更新 更多