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.
