ana sayfa her kategori farklı renkte

Merhaba;

Şöyle bir şey yapmak istiyorum. Ana sayfada yazıları aşağıdaki formda yayınlayacağım. Ama her kategoriye ayrı bir renk tanımlamak istiyorum. kategori 1 mavi, kategori 2 yeşil vs.vs.

bunu nasıl yapabilirim. sıfırdan tema yapıyorum şu anda. index dosyasını ona göre düzenleyeceğim.

merhaba hocam her divin sonuna class ekleyin css den clasa color:red gibi bişey verebilirsiniz

Css even odd arastiriniz

(Her satira ayni classi verip even odd'yi arastirip kolayca yapabilirsiniz)

clasları eklerim de hangi kategoriye hangi renk olacağını nasıl belirleyeceğim index dosyasında.

eğer style dosyasına yazmayacaksanız bu şekilde index dosyasına tamamlayabilirsiniz

<style>
.mavi{color:blue;}

</style>

ben sanırım sorumu tam anlatamadım. css ye yazarım o sorun değil. bu cart ları da öyle yaptım zaten.

hangi kategoriye hangi rengin belirleneceğini ana sayfada ne belirleyecek. onu ayarlayamadım.



ana sayfada listelenen yazılar 10 kategoriden geliyor. atıyorum şu şekilde olması lazım ana sayfanın yani.

.kategoriclass:nth-child(1) { background-color: renk1; }
.kategoriclass:nth-child(2) { background-color: renk2; }
.kategoriclass:nth-child(3) { background-color: renk3; }
.kategoriclass:nth-child(4) { background-color: renk4; }
...
veya
.kategoriclass:nth-child(4n) { background-color: renk1; }
.kategoriclass:nth-child(4n+1) { background-color: renk2; }
.kategoriclass:nth-child(4n+2) { background-color: renk3; }
.kategoriclass:nth-child(4n+3) { background-color: renk4; }

İkinci yöntemle her 4 kutucukta 1 renkler farklı olur.