Giriş yap

CSS ::after Sözde Elemanı

::after sözde elemanı ile, seçilen etiketin sonrasına bir değer ekler ve stil işlemi uygulamamızı sağlar. Bu sözde eleman ile birlikte content özelliği kullanılır, content özelliği olmadan bu sözde elemanın bir etkisi olmaz.

Örnek verecek olursak;

<div>div etiketi</div>
<style>
div::after {
    content: ' >>';
    background-color: lime;
    color: #333;
}
</style>

Sonuç;

Başlık etiketi

Ayrıca, attr() fonksiyonu ile, seçilen etikette bulunan nitelik değerleride dinamik olarak kullanılır. Örneğin;

<a href="https://prototurk.com">PROTOTÜRK</a>
<style>
a::after {
    content: ' (' attr(href) ')';
}
</style>

Sonuç;

PROTOTÜRK
tayfunerbilen
137 gün önce yazdı.
Önemli Başlıklar
Günlük Film Tavsiyesi