Existe a possibilidade de inverter uma lista (ordenada ou não) utilizando CSS?
Exemplo, tendo a lista abaixo:
<ul>
<li> Item 1 </li>
<li> Item 2 </li>
<li> Item 3 </li>
</ul>Apareceria na tela na seguinte ordem:
Item 3
Item 2
Item 1
Existe a possibilidade de inverter uma lista (ordenada ou não) utilizando CSS?
Exemplo, tendo a lista abaixo:
<ul>
<li> Item 1 </li>
<li> Item 2 </li>
<li> Item 3 </li>
</ul>Apareceria na tela na seguinte ordem:
Item 3
Item 2
Item 1
Boa tarde, João! Tudo bem?
Não há uma propriedade específica pra isso, mas encontrei que você consegue isso girando o elemento pai em 180 graus e, em seguida, girar os elementos filhos em -180 graus.
ul {
transform: rotate(180deg);
}
ul > li {
transform: rotate(-180deg);
}Bons estudos!