css - css内容：X符号

Question

我只是在查看 todomvc 上的一些 css 代码，我想知道他们是如何完成销毁按钮的。我找到了一个 X 符号。
我对编程比较陌生，我很好奇那是什么？你怎么做这样的东西？

这是一个截图：

^点击放大

Answer 1

点击Windows Key + R，输入charmap并点击运行。

您现在可以愉快地探索系统上所有字体中的所有字符，选择一个，然后将其复制粘贴到您的代码中。

但是，我建议不要盲目复制。我是一个单字节字符集的书呆子，所以我更愿意使用\2716而不是直接将✖粘贴到我的 CSS 文件中。您可以通过单击所需字符并U+####在状态栏中查找来找到代码。

Answer 2

他们使用 CSS 中生成的内容来做到这一点，这意味着当 CSS 被禁用时，符号根本不会出现在那里。在生成内容的 CSS 规则中，符号已被插入，这看起来很奇怪，因为它应该用引号引起来，但实际上您只是通过某些浏览器中的开发人员工具向我们展示了该文档，而这些工具是以简化和修改事物而闻名。不可能从给定的数据中推断出他们是如何输入字符的。

与输入符号的方式无关，它在许多浏览情况下根本不会显示，因为对 HEAVY MULTIPLICATION X（符号看起来是这样）的字体支持是有限的。使用图像会更安全。

Answer 3

这只是一个 Unicode 字符，您可以像任何其他字符一样将其键入（或粘贴）到文本中。只要浏览器知道如何解释 CSS 文件编码（它确实如此）并且该字符可以作为输入的一部分（它用于 CSS），那么使用它与使用任何纯英文字母没有什么不同。

我们无法从屏幕截图中准确判断出哪一个，但您可以在 Wikipedia中看到一些可能的选项。