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.