Jak nastylovat poslední řádku produktů ve výpise

Dnes si zde s prominutím pouze odložím css snippet, pro pozdější použití ;-)

V případě, že z nějakého důvodu potřebujete nastylovat odlišně poslední řádek produktů, pomůže tento snippet:

.products li:nth-child(3n+1):nth-last-child(-n+3),
.products li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
   border:none;
}
.products li:nth-child(4n+1):nth-last-child(-n+4),
.products li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
 border:none;
}
.products li:nth-child(5n+1):nth-last-child(-n+5),
.products li:nth-child(5n+1):nth-last-child(-n+5) ~ li {
 border:none;
}

Funguje pro 3, 4 a 5 produktů na řádku, kdy nevíte, kolik jich vám na poslední řádek vyjde.

Čtěte  Lazy loading náhledových obrázků

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Related posts

1 Comment

  1. Pingback: Jak nastylovat poslední řádku produktů ve výpise – podnikej.net

Leave a Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *