HTML'de önceki ve sonraki nasıl eklenir?

HTML'de içerik düzenlemeleri yaparken, belirli öğeler öncesinde ve sonrasında içerik eklemek isteyebilirsiniz. Bu işlem için CSS'de bulunan sözde elemanlar olan `::before` ve `::after` kullanılır. Bu yöntem, tasarımınıza ve kullanıcı deneyiminize zenginlik katmak için oldukça etkili bir yoldur. Bu yazıda, bu özelliklerin nasıl kullanılacağını ve örneklerle açıklamalarını bulacaksınız.

HTML'de önceki ve sonraki öğeler eklemek için ::before ve ::after sözde elemanları kullanılabilir .

Kullanım örnekleri:

1. Önceki öğe:

   selector::before {
     content: "önceki içerik";
   }
   ``` [1](https://www.geeksforgeeks.org/css/what-is-before-and-after-in-css/).
   
   Kopyala

2. Sonraki öğe:

   a {
     text-decoration: none;
     display: inline-block;
     padding: 8px 16px;
   }
   a:hover {
     background-color: #ddd;
     color: black;
   }
   .previous {
     background-color: #f1f1f1;
     color: black;
   }
   .next {
     background-color: #04AA6D;
     color: white;
   }
   ``` [2](https://www.w3schools.com/howto/howto_css_next_prev.asp).
   Kopyala