-3

あなたの助けが必要です:<p>内にある要素の順序を逆にしたい<div>.

難点は、HTML を変更できないこと、各 p でクラスを指定できないこと、CSS3 を使用できないこと、JavaScript を追加できないことです。

CSSの変更しかできません。

<div id="divID">
    <p>1</p>
    <p>2</p>
</div>
4

2 に答える 2

0

短い技術的な答え: それは不可能です。ただし、注文の表示方法を変更することは可能です。

CSS は、Web ページのスタイルを設定するためのものであり、それ以外の目的はありません。HTML を直接変更すると、順序が変更されます。また、Javascript を使用してそのようなことを達成することもできます。ただし、CSS は、段落の位置が変更されたように見せるだけです。これには結果が伴います。1 つは、検索エンジンなどのクローラーが位置の変化に気付かないことです。さらに、スクリーン リーダーは、HTML の内容をそのまま読み上げる可能性が高く、ページにアクセスしようとしている人を非常に混乱させます。

段落を実際に再配置するのではなく、実際に配置したように見えるようにすることに問題がない場合は、フローティング要素がどのように異なる位置に表示されるかを確認する必要があります。私の知る限り、相対および絶対配置を使用して要素を再配置しない限り、これは特定の状況でのみ機能します。

たとえば、フロート (つまり、列またはリンク) を使用して 2 つの要素が隣り合っている場合、それらを反対側にフロートさせるのは非常に簡単です(例) :

.first-element { float: right; }
.second-element { } //whatever

以下のコメントで @artSx が指摘したように、HTML にクラスを追加できない場合があることを認識しています。2 つの要素を区別するクラスまたは ID がまだ存在しない場合は、さまざまなタイプのセレクター (などnth-child) を調べる必要があります。

ただし、ページまたは親 div に対して要素を完全に再配置したい場合は、絶対/相対位置がどのように機能し、それらがページの流れにどのように影響するかを確認することをお勧めします。

これを達成するには、おそらく複数の方法があります。あなたの状況に最適な方法を提供するために、あなたがしようとしていることの正当な例が必要です.

于 2013-08-05T13:18:18.753 に答える