CSS內容屬性不顯示

我是新來的CSS，我下面的一本書，例如：CSS內容屬性不顯示

Iv'e複製從書中以下並將其保存爲HTML。所有的CSS屬性似乎工作，除了「內容」屬性不顯示。提前感謝。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
    <head> 
     <title> The content property </title> 
     <style type='text/css' media='all'> 
      div { 
       content: "Hello, world!"; 
      } 
     </style> 
    </head> 
    <body> 
     <div></div> 
    </body> 
</html>

來源

2011-07-18 Greycrow

content使用與:before或:after像這樣：

div:after 
{ 
    content: "Hello, world!"; 
}

不管，我只用content在特殊情況下（以清除浮動元素，例如）。我從來沒有真正使用它來插入內容。無論如何，您通常都希望將內容和演示文稿分開，所以我認爲這是一個糟糕的主意。你在讀哪本書？ :)

來源

2011-07-18 00:59:42 pixelfreak

Wiley-Wrox開始 - Css - 級聯樣式表爲網頁設計（2005）和文本似乎不止一次這樣做。舊書？或只是不好的編輯？ – Greycrow

紅色警報...網頁設計層疊樣式表（2005）...自2005年以來soooo發生了很大變化。我強烈建議您購買一本新書。 – AlienWebguy

謝謝...老圖書館的書...將得到新的:) – Greycrow

的content屬性僅適用於CSS僞元素如:before和:after。

你不能用它來設置任意元素的內容。

來源

2011-07-18 00:58:00 SLaks

該答案對所有瀏覽器正確，但Opera。測試與http://jsfiddle.net/H2LS6/ – kay

的content屬性只適用於:before和:after到前面或後面附加的內容說的節點，就像這樣：

CSS：

.email-address:before { 
    content: "Email address: "; 
}

HTML：

<ul> 
    <li class="email-address">[email protected]</li> 
</ul>

的輸出將是

•電子郵件地址：[email protected]

來源

2011-07-18 01:02:58 AlienWebguy

CSS內容屬性不顯示

回答

相關問題