1

あまり多くの div ID を持たないようにして、コードを少しクリーンアップしようとしています。私が理解しているように、同じ div id を複数回使用することは想定されていません。

HTML:

<div id="sides" class="alignLeft"></div>
<div id="sides" class="alignRight"></div>
<div id="center"></div><!--center-->

CSS:

.alignLeft {
   float: left;
}
.alignRight {
   float: right;
}
#sides {
   width: 350px;
   height: 45px;
}
#center {
   width: 350px;
   height:350px;
}

ご覧のとおり、html で #sides div を 2 回使用しましたが、異なる float クラス (左、右) を適用しました。コードは機能しているように見えますが、間違っていることはわかっています。異なるフロートで同じ div を使用する正しい方法は何でしょうか?

4

2 に答える 2

3

はい、id セレクターはページごとに 1 回だけ使用することを意図しています。コードを次のようにリファクタリングできます。

HTML

<div class="sides alignLeft"></div>
<div class="sides alignRight"></div>
<div id="center"></div><!--center-->

CSS

.alignLeft {
   float: left;
}
.alignRight {
   float: right;
{
.sides {
   width: 350px;
   height: 45px;
}
#center {
   width: 350px;
   height:350px;
}
于 2012-07-12T19:49:21.073 に答える
2

複数のクラスを 1 つの要素に割り当てることができるためsides、id の代わりにクラスとして使用できます。

HTML:

<div class="sides alignLeft"></div>
<div class="sides alignRight"></div>
<div id="center"></div><!--center-->

CSS:

.alignLeft {
   float: left;
{
.alignRight {
   float: right;
{
.sides {
   width: 350px;
   height: 45px;
}
#center {
   width: 350px;
   height:350px;
{
于 2012-07-12T19:49:43.350 に答える