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ç;

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ç;