用CSS改变字符大小

Question

是否可以使用CSS更改特定字符的大小？

例如，在我使用font-face: Arial; font-size: 12pt;的段落中。我希望只有字母“a”出现在10号。

有办法吗？

感谢。

Answer 1

没有。除:first-letter和其他伪类外，您无法使用CSS定位单个字符。您需要将角色包装成一个元素（例如<span>）以指定它的样式。

你可以使用Javascript解决这个问题 - 在这里有基于jQuery的解决方案。但它很笨拙。

Answer 2

我不相信你可以，考虑使用文本编辑器用<span class='a-xxx'>a</span>查找/替换'a'，然后你可以使用css来.a-xxx { font-size: 10px; }

Answer 3

没有。您只能定位元素（例如包含单个字母的跨度）和伪元素（例如:first-letter）。

Answer 4

如果没有javascript，您无法以跨浏览器一致且简单的方式执行此操作。 我推荐jquery的'captify'。

Answer 5

另外，对于可访问性和兼容性，所有最好不要定义特定字体（尝试font-family）和大小，大，然后使用％ontop，并将它们全部定义为自定义span / div样式

例如

bigletter（font-size：150％）;