Menü Renklendirme

Ana Menüde sadece bir kategoriyi farklı renk yapmak istiyorum nasıl olabilir acaba css kodları ile
şimdiden teşekkürler

nth-child ile yapabilirsiniz.

bu nedir açabilir misin hocam

CSS'de nth-child'i sıralanmış elementler arasından bazılarında değişiklik yapmak istediğinizde kullanıyorsunuz. Siz de sadece 1 tanesini değiştirmek istiyorsunuz. Örnek vermek gerekirse kendi temamdan göstereyim ;



Bu menüdeki kategorilerin hepsi aynı kod ile çalıştığı için, siz CSS'de değişiklik yaptığınız zaman biri değil hepsi değişiyor. Bu kısımda nth-child ile sadece belirlediğiniz birinin tasarımında değişikliğe gidebiliyorsunuz. Gördüğünüz gibi yukarıdaki örnekte ana sayfa yazan kısım diğerlerinden farklı. Bunu şu şekilde yapıyoruz ;

Bu kod ile menüyü listeliyoruz diyelim :
.menu ul li { padding: 8px; margin-bottom: 10px; border-radius: 4px; }

Bu kod ile de seçtiğimiz birinin tasarımını değiştiriyoruz :
.menu ul li:nth-child(1) { color: #5667eb; background: #f1f4fd; }

Alttaki kodda yazan nth-child(1), 1.sıradakini ifade ediyor. Siz kaçıncı sıradaki kategoride işlem yapacaksanız o kısma o numarayı girmelisiniz.

menüler kısmından hangi öğeyi renklendirmek istiyorsanız o öğenin dolaşım etiketine

<span style="color: #8d0ee7;"><i class="fa fa-bars"></i> Kategoriler</span>

bu kodları yazarsanız (ben böyle kullanıyorum) dediğiniz olur

posta kutunuz dolu mesaj kutunuzu boşaltırsanız mesaj gönderebilirim

Web sitenizi ve hangi menü hangi renk olacak bilgi verirseniz yardımcı olayım