有没有办法选择第一个角色？ ：第一个字母似乎不起作用

Question

示例问题：http://jsfiddle.net/6WYXk/

我有一些HTML：<p>% hello world</p>

我想让％粗体。要做到这一点，我通常会在CSS中写这个：

p:first-letter
{
    font-weight: bold;
}​

但是，这会使％和 h变为粗体。

理想情况下，我喜欢:first-character

的psudeo选择器

Answer 1

确实，这很奇怪。对其他符号字符也不起作用，同样的问题也已经讨论过了elsewhere on SO。

你应该尝试这样的事情：

<p>hello world</p>

p:before { content:"%"; font-weight: bold; padding-right: 5px;}

Try it yourself…

Answer 2

你可以这样写：

<p><span>%</span> hello world</p>

选中此http://jsfiddle.net/6WYXk/30/