html - 带有css的元素的位置

Question

我们平时看到的hgroup的结构大概是这样的

h1
h2
h3
...

但在我的情况下，h3 先于 h2，我们有这样的东西：

h3
h2

但是我必须再次遵循设计，我必须首先为 h2 设计风格：

h2
h3

为了便于成像，请在此处查看：http: //cdpn.io/dfnjo

我选择使用位置，它有效但我不满意，因为我无法控制编辑器将输入多少文本，所以如果 h2 有很多文本，它可能会与 h3 的文本重叠。（请尝试为 h2 添加更多文本）。

请建议我不要使用 Javascript，只使用 CSS！

谢谢

Answer 1

你不能用 CSS 做这种情况，因为 CSS 没有 if-else 语句。

但是有一种方法可以将 if-else 语句与 SASS(SCSS) 一起应用。关于它的研究，它提供了使用函数，while 语句的变量等。但它不能改变 html 元素的嵌套列表。

Answer 2

$("h2").insertBefore($("h2").prev()); 

或者如果他们没有按顺序排列，

$("h2").insertBefore($("h3"));