2012-05-16 37 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,但請注意,它超過了一個純文本的兆字節,並且不容易閱讀。 –

相關問題