2011-07-18 14 views
8

を表示しません。 すべてのCSSプロパティは表示されない「content」プロパティを除いて動作するようです。事前に感謝します。CSSのコンテンツプロパティは、私が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> 

答えて

15

contentはそうよう:before又は:afterと共に使用される:

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

にかかわらず、私は(例えば、浮上要素をクリアする)特別な場合のためにcontentを使用しました。私は実際にこれを使ってコンテンツを挿入したことはありません。とにかくコンテンツとプレゼンテーションを分けたいと思うので、これは悪い考えです。あなたはどの本を読んでいるのですか? :)

+0

でテストされています。Wiley - Wrox Beginning - Css - Cascading Style Sheets Web Design(2005)のために、このテキストは複数回表示されているようです。古本?それとも悪い編集ですか? – Greycrow

+2

赤い警告... Webデザイン(2005)のためのカスケーディングスタイルシート... sooooは2005年以来ずっと変わっています。新しい本を入手することを強くお勧めします。 – AlienWebguy

+0

ありがとうございました...古い図書館本...新しいものを得るでしょう:) – Greycrow

12

contentプロパティは、そのような:before:afterとしてCSS擬似要素に適用されます。

任意の要素の内容を設定することはできません。

+0

その答えは、Opera以外のすべてのブラウザで正しいです。 http://jsfiddle.net/H2LS6/ – kay

5

contentプロパティは、そうのようなノード、言ったにコンテンツを付加または追加する:before:afterの作品:

CSS:

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

HTML:

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

出力は

•電子メールアドレス:[email protected]

関連する問題