CSS :: Seçiciden önce
Örnek
Her <p> öğesinin içeriğinden önce bir metin ekleyin:
p::before
{
content: "Read this: ";
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçici ::before
, seçilen her öğenin içeriğinden önce bir şey ekler.
Eklenecek içeriği belirtmek için content özelliğini kullanın .
İçerikten sonra bir şey eklemek için ::after seçiciyi kullanın.
Sürüm: | CSS2 |
---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS Sözdizimi
::before {
css declarations;
}
Daha fazla örnek
Örnek
İçeriği her <p> öğesinin içeriğinden önce ekleyin ve eklenen içeriğe stil verin:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
İlgili Sayfalar
CSS öğreticisi: CSS Sözde öğeleri
CSS Seçici Referansı: CSS :: seçiciden sonra