| <!DOCTYPE html> | |
| <style> | |
| .before { | |
| background:red; | |
| } | |
| </style> | |
| <h1>Normal</h1> | |
| <div> | |
| <div class="before">Before content</div> | |
| <div>1st in code - 1nd in order</div> | |
| <div>2nd in code - 2nd in order</div> | |
| </div> | |
| <h1>Reordered</h1> | |
| <div> | |
| <div class="before">Before content</div> | |
| <div>2nd in code - 1st in order</div> | |
| <div>1st in code - 2nd in order</div> | |
| </div> |