css - CSS中有没有一种方法可以在DOM中移动元素

Question

我认为这不太可能，但是 CSS 中有什么方法可以实现 DOM 中的移动元素吗？比如将 jt-menu-item-price 移动到下面的 jt-header 中？

<div class='jt-row'>
  <div class='jt-header'>this is what I need done</div><div class='jt-menu-item-price'>37.23</div>
</div>

<div class='jt-row'>
  <div class='jt-header'>this is what I need done<div class='jt-menu-item-price'>37.23</div></div>
</div>

Answer 1

不使用 CSS，不。您可以使用 JavaScript 操作 DOM，但不能使用 CSS。您可以使用 CSS“在视觉上”移动它，但这不会影响 DOM 结构，只会影响它的呈现方式。