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

【问题标题】：Can I add css style to this •?我可以为此添加css 样式吗？
【发布时间】：2010-09-21 02:27:51
【问题描述】：

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

【问题讨论】：

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

其他人已经回答了主要问题；您不能基于文本内容（仅基于 HTML 元素、类和 ID）指定 CSS 规则。

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

Here's a quick proof-of-concept;它可以很容易地避免使用 jQuery（它是我的一个拐杖），并且您可能会尝试一下如何在 Javascript 中对字符进行编码（我必须复制/粘贴它才能工作）。

关键部分是：

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

【讨论】：

【解决方案3】：

没有。使用 CSS，您只能处理元素，但不能处理某些字符（好吧，也有像 :first-letter 这样的例外）。你需要把它放到像span这样的元素中：

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

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

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

【讨论】：