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
216 gün önce yazdı.
Önceki CSS Dersleri / Nitelik Seçicisi Sonraki ::before