[CSS]Genel kardeş seçicileri(~ kullanımı)



Genel kardeş seçicileri listeler için bize yardımcı olacaktır. zaten çok kısa olduğu için kullanışlıdır.

CSS kodumuz;
li ~ li
{
border-top:1px solid #0080C0;
}
Bu kodla li'ler arası 1px'lik çizgi bırakıyoruz
HTML kodumuz;
<li>Mehmethan Yuksel</li>
<li>Mehmethan Yuksel</li>
<li>Mehmethan Yuksel</li>
<li>Mehmethan Yuksel</li>
kod bukadar.

Örnek;



  • Mehmethan Yuksel



  • Mehmethan Yuksel



  • Mehmethan Yuksel



  • Mehmethan Yuksel