Pseudo element before
before pseudo elementi, öğeden önce
metin ekler. Sadece, eklenecek metni belirleyen
content özelliği ile
birlikte kullanılır.
Sözdizimi
seçici::before {
content: 'metin';
}
Örnek
li üzerine gelindiğinde başına metin
eklenmesini sağlayalım:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::before {
content: '!!!';
}
:
Örnek
Eklenen metne çeşitli stiller uygulanabilir. Örneğin, bu metni bir renge boyayalım:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::before {
color: red;
content: '!!!';
}
:
Ayrıca bakınız
-
afterpseudo elementi,
etikten sonra ekleme yapar -
attrişlevi,
etik özniteliğinin değerini alır -
counter-incrementözelliği,
otomatik numaralandırmayı ayarlar
