CSS içerik mülkiyet

CSS için yeni göstermiyor ve ben bir kitap örneği takip ediyorum:CSS içerik mülkiyet

Iv'e kitaptan şu kopyalanan ve HTML olarak kaydedilir. Tüm css özellikleri, görüntülenmeyen "içerik" özelliği dışında çalışır gibi görünüyor. Teşekkür peşin.

<!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>

kaynak

2011-07-18 Greycrow

content şöyle :before veya :after ile kullanılır:

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

Ne olursa olsun, sadece (örneğin, süzülüyor unsurları temizlemek için) özel durumlar için content kullandım. Bunu içerik eklemek için hiç kullanmadım. Genelde içerik ve sunumları ayrı ayrı yapmak istersiniz, bu yüzden bunun kötü bir fikir olduğunu düşünüyorum. Hangi kitabı okuyorsun? :)

kaynak

2011-07-18 00:59:42 pixelfreak

ile test edilmiştir Wiley - Wrox Beginning - Css - Web Tasarımı İçin Basamaklı Stil Sayfaları (2005) ve metin bunu bir kereden fazla yapıyor gibi görünüyor. Eski kitap? Ya da sadece kötü düzenleme mi? – Greycrow

Kırmızı uyarı ... Web Tasarımı İçin Basamaklı Stil Sayfaları (2005) ... 2005'ten bu yana çok fazla değişti. Yeni bir kitap almanızı şiddetle tavsiye ediyorum. – AlienWebguy

Teşekkürler ... Eski Kütüphane Kitabı ... Yeni bir tane olsun :) – Greycrow

content özelliği yalnızca bu :before ve :after CSS sözde elemanları için de geçerlidir.

Rasgele bir öğenin içeriğini ayarlamak için kullanamazsınız.

kaynak

2011-07-18 00:58:00 SLaks

Bu cevap tüm tarayıcılar için doğrudur, ancak Opera. Http://jsfiddle.net/H2LS6/ – kay

content özellik yalnızca başa ekleyerek veya söz konusu içerik eklemek :before ve :after yarayan bir benzeri düğümler:

CSS:

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

HTML:

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

çıktı,

• E-posta adresi: [email protected]

kaynak

2011-07-18 01:02:58 AlienWebguy

CSS içerik mülkiyet

cevap

İlgili konular