0

ウェブサイトの特定のページで画像のリストを使用している状況があります。あるページに水平に表示されるリストがあるが、同じリストを別のページに垂直に表示したい場合、1つのリストが水平に表示され、もう1つのリストが垂直に表示されるように、まったく新しいdivを作成する必要があります。

#imagevertical {
}

#imagehorizontal {
}

これはそれほど悪くはないようですが、画像リストをそれぞれ少しずつ異なって表示したいWebページがたくさんある場合は、かなり面倒になる可能性があります。

これを行う別の方法はありますか？

みんなありがとう

4

2 に答える 2

1

外部スタイルシートを作成し、すべてのページにスタイルを配置すると、CSSプロビデンスによってわずかに異なります。

external < internal < inline

を使用することもできます!important。

スタイルに競合を作成すると、スタイルが異なります。

于 2012-09-25T09:28:04.350 に答える
1

各ページのdivの名前を変更する必要はなく、適用されるスタイルだけを変更する必要があるため、「imagelist」というdivを使用して、スタイルシートのすべての一般的なスタイルを適用してから、ページ自体に追加のスタイルを適用します。

CSSの場合：

#imagelist { common styles...}

1つのHTMLページ：

<style type="text/css">
    #imagelist { something that makes it vertical... }
</style>

他のHTMLページ：

<style type="text/css">
    #imagelist { something that makes it horizontal... }
</style>

ページはめ込みスタイルは、外部スタイルシートからインポートされたスタイルをオーバーライドします。その場合、divの名前を変更したり、2つの間に共通するすべてのスタイルを再指定したりする必要はありません。

または、このために水平クラスと垂直クラスを作成することもできます。

CSS：

 #imagelist { common styles... }
 .horizontal { something that makes it horizontal... }
 .vertical { something that makes it vertical... }

水平ページのHTML：

 <div id="imagelist" class="horizontal">content...</div>

垂直ページのHTML：

 <div id="imagelist" class="vertical">content...</div>

これは最初の解決策よりも良い解決策かもしれないと思います。

于 2012-09-25T10:42:34.960 に答える