2012-05-16 36 views
13

例题:http://jsfiddle.net/6WYXk/有没有办法选择第一个字符? :第一个字母似乎并没有工作

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

我想让%大胆。要做到这一点,通常我会在CSS中这样写:

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

然而,使%^h大胆。

理想情况下,我想的:first-character

+1

+1有趣的问题+ –

+2

有趣的浏览器会认为“%h”是一封信。 –

+4

事实上,它似乎依赖于浏览器 - Firefox不会做任何大胆的事情,Chrome和Safari会使“%h”变成粗体。只有Opera成功地将“%”设置为粗体。 (不知道对于IE浏览器,它进入了一些兼容模式,无法呈现jsfiddle页面:) –

回答

10

一个psudeo选择事实上,这很奇怪。对其他符号字符也不起作用,同样的问题也在elsewhere on SO中讨论过。

你应该尝试这样的事:

<p>hello world</p> 
p:before { content:"%"; font-weight: bold; padding-right: 5px;} 

Try it yourself…

+0

打败我找到[':首字母规格定义](http://www.w3.org/TR/CSS2/selector.html#first-letter)的参考,尽管我很难找到直接引用这些字符类。 (即“开放”(Ps),“关闭”(Pe),“初始”(Pi),“最终”(Pf)和“其他”(Po)标点类) – Nightfirecat

+1

@Nightfirecat最终版本是在http://www.unicode.org/Public/UNIDATA/UnicodeData.txt,但请注意,它超过了一个纯文本的兆字节,并且不容易阅读。 –

相关问题