我可以为此添加css样式吗？

Question

我可以为我在页面中使用的每个•代码编写一些样式css代码，例如font-size: 16px;吗？感谢。

Answer 1

不，你不能。无论文本内容如何编码（无论是直接字符还是实体），都无法设置文本内容的样式。

您可以做的最接近的事情是将<span class="bullet">•</span>放入文档并设置类bullet的样式。

Answer 2

其他人回答了主要问题;您无法根据文本内容指定CSS规则（仅适用于HTML元素，类和ID）。

你可以做的是使用Javascript或服务器端渲染来执行.Replace()以使用必要的HTML标记包装该字符（仅使用包装版本的字符替换该字符）角色）。

---

Here's a quick proof-of-concept;它可以很容易地避免jQuery（它是我的一个拐杖），你可能会玩Javascript中的字符编码方式（我必须将其复制/粘贴到工作中）。

关键部分是：

.replace("•","<span class='bullet'>•</span>")

Answer 3

没有。使用CSS，您只能处理元素而不是某些字符（好的，有:first-letter之类的例外）。您需要将其放入像span：

这样的元素中

<span class="bullet">&#8226;</span>

然后您可以使用选择器span.bullet来设置这些元素的样式：

span.bullet {
    font-size: 16px;
}