CSS ::before Sözde Elemanı

::before sözde elemanı ile, seçilen etiketin öncesine 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::before {
    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;

<div id="1">İlk madde her zaman farklıdır.</div>
<style>
div::beore {
    content: attr(id) ') ';
}
</style>

Sonuç;