2013-11-22 89 views
1

我已經嘗試了以下來自url的示例。我試圖在內聯屬性style中應用css僞元素。不知何故,它似​​乎不工作。任何建議,我將不勝感激。內聯屬性樣式中的CSS僞元素

http://www.w3.org/TR/2001/WD-css-style-attr-20010305

<p style="{color: green; width: 10em} ::first-letter {float: left; font-size: 300%}"> 

This is an example of a paragraph with inline style attribute rules to create a spot effect, in this case, a drop-cap first letter. 

</p> 
+0

您不能將屬性內聯應用於僞元素或僞類。你必須使用嵌入或鏈接的CSS。 – Ming

回答

0

這是不可能的。你所指的工作草案已超過12年。點擊其中的「最新版本」鏈接,即可找到W3C推薦標準CSS Style Attributes(「W3C標準」)。它最近獲得批准。它不包含對HTML規範中的style屬性的更改,這確實是一條消息:該屬性未被增強,並且沒有計劃這樣做。

結論取決於你爲什麼要使用構造。通常,只需爲該元素分配一個id屬性並在CSS中使用id選擇器即可。

0

嘗試做這樣

<p style="color: green; width: 10em"><span style="float: left; font-size: 300%">L</span>orem Ipsum</p>