CSS布局，使用CSS重新排序DIV

鉴于HTML

<div>
   <div id="content1"> content 1</div>
   <div id="content2"> content 2</div>
   <div id="content3"> content 3</div>
</div>

呈现为

content 1 content 2 content 3

我的问题：

有没有一种方法可以通过仅使用CSS来呈现它，而无需更改HTML部分。

content 1 content 3 content 2

它可能不完全符合您的要求，但请看一下这个问题：

CSS将div定位在另一个div的上方，而在HTML中却没有按照该顺序排列

基本上，您必须使用Javascript才能以任何方式使其可靠。