Colunas CSS: segmentar o último filho em cada coluna?
Eu tenho uma grade de manchetes em formato de jornal usando a contagem de colunas CSS3.
HTML:
<ul>
<li><h3><a href='#'>heading</a></h3><p>snippet</p></li>
<li><h3><a href='#'>heading</a></h3><p>snippet</p></li>
<!-- ... etc ... -->
</ul>
CSS (prefixos de fornecedor e regras não pertinentes omitidas por brevidade):
ul {
column-count: 3;
column-rule: 1px solid #ccc;
}
li { border-bottom: solid 1px #ccc; }
Você pode ver para onde isso está indo:existe algum meio no CSS para atingir o últimoli elemento em cada coluna para que eu possa remover a borda inferior?
eu encontreiessa questão, mas não há resposta.