嗨，我想知道是否有一个NICE解决方案可以解决以下问题：
<div id="container">
<div id="left_sidebar">blablabla</div>
<div id="right_sidebar">blablabla</div>
<div id="main_content">blablabla</div>
</div>
在网站的桌面版本中，CSS类似于：
#main_content {
margin: 0 auto;
width: 45%;
}
#left_sidebar {
float:left;
width:25%;
}
#right_sidebar {
float:right;
width:25%;
}
在移动/响应版本中，目的是让主要内容优先。然而，HTML的顺序不应更改（我知道有解决方案）。使用纯CSS（在媒体查询中）是否可以让main_content出现在移动版本中的left_sidebar/right_sidebar之前？
我终于找到了另一个关于stackoverflow的主题来处理同样的问题。那里提供的解决方案应该是所需要的。
使用CSS 切换块元素的顺序