位置與CSS元素

正如我們平時看到的，hgroup的也許這樣位置與CSS元素

h1 
h2 
h3 
...

但在我的情況下的結構中，H3是第一位的H2，我們有這樣的事情：

h3 
h2

但我又必須遵循的設計，我必須樣式爲H2是第一位的：

h2 
h3

爲了便於圖像，請查看這裏： http://cdpn.io/dfnjo

我選擇使用位置，它的工作，但我不滿足，因爲我無法控制編輯器將放置多少文本，所以如果h2有很多文本，它可能會重疊文本h3。（請嘗試爲h2添加更多文本）。

請告訴我沒有Javascript，只是CSS！

感謝

2013-02-22 Tho Vo

有沒有一些方法來計算字符或獲得元素寬度只使用css – grigno 2013-02-22 11:04:45

我真的不認爲你所問的是可能的CSS。你想在頁面上移動未知數量的CSS元素？你可能需要JS來做這件事，或者你需要重新設計你的邏輯。 – James 2013-02-22 11:05:10

我想改變結構，如果我可以也不需要使用這些元素的位置，但結構是由其他人修復的，我沒有任何權限在這裏使用Javascript。所以如果我知道文本的數量，因爲h2最多有兩行文本，h3最多有三行文本，我們在這裏有任何方法嗎？ – 2013-02-22 11:13:10

-1

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

，或者如果他們不來，從而，

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

2013-02-22 11:01:40 user1695981

結構是固定的，我不能改變它，我也不能在這裏使用腳本... – 2013-02-22 11:04:47

閱讀OP的帖子 - 他明確指定沒有JavaScript。 – 2013-02-22 11:05:13

他在我的回答後明確地編輯了它，因爲我讀了幾次，我不明白這個問題。無論如何，我很抱歉。我想不出任何改變沒有JavaScript的HTML結構。 Css將只與位置一起工作，就像你說的你無法控制內容和高度一樣。 – user1695981 2013-02-22 11:12:05

你不能這樣做與CSS這種情況下，因爲CSS還沒有if-else語句。

但有一種方法可以應用if-else語句和SASS（SCSS）。關於它的研究，它提供了使用函數，while語句等變量。但它不能改變html元素嵌套列表。

2013-02-22 11:43:29

我只是使用純CSS，沒有SASS或LESS，但感謝您的幫助，我會在這裏留下這個問題。 – 2013-02-25 02:36:48

回答