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.

Příspěvek Jak nastylovat poslední řádku produktů ve výpise pochází z Musilda.cz


WordPress Themes