0

通常見られるように、hgroup の構造は次のようになります。

h1
h2
h3
...

しかし、私の場合、h3 が h2 の前に来て、次のようなものがあります。

h3
h2

しかし、ここでもデザインに従う必要があります。最初に h2 のスタイルを設定する必要があります。

h2
h3

イメージしやすいように、こちらをご覧ください: http://cdpn.io/dfnjo

位置を使用することを選択しましたが、機能しましたが、エディターが入力するテキストの数を制御できないため、満足できません.h2に多くのテキストがある場合、h3のテキストと重なる可能性があります.(試してみてくださいh2 のテキストを追加します)。

JavaScript を使用せずに、CSS のみを使用することをお勧めします。

ありがとう

4

2 に答える 2

0

CSSにはif-elseステートメントがないため、CSSではこの状況を実行できません。

ただし、SASS(SCSS)を使用してif-elseステートメントを適用する方法があります。それについて調べてください、それは関数、whileステートメントなどの変数を使用することを提供します。しかしそれはhtml要素のネストされたリストを変更することはできません。

于 2013-02-22T11:43:29.023 に答える
-1
$("h2").insertBefore($("h2").prev()); 

またはそれらが順番に来ない場合、

$("h2").insertBefore($("h3")); 
于 2013-02-22T11:01:40.700 に答える