-2

大きなDIVボックスで異なる単語に異なるフォントサイズを持たせるために、以下を行いました。HTML バリデーターからエラー メッセージが表示されますが、その理由がわかりません。以下のコードの何が問題になっていますか?

私のCSS：

#fsize1 {
        font-size: 26px;   
        color: #ffffff;
}

#fsize2 {
    font-size: 23px;
    color: #ffffff;
}

#fsize3 {
    font-size: 20px;
    color: #ffffff;   
}

#fsize4 {
    font-size: 17px;
    color: #ffffff;
}

#fsize5 {
    font-size: 14px;   
    color: #ffffff;
}

#fsize6 {
    font-size: 11px;  
    color: #ffffff;  
}

#fsize1, #fsize2, #fsize3, #fsize4, #fsize5, #fsize6 {
   margin-right: 7px;
}

私のHTML

<a href="http://www.mysite.com" class="box1">
<div id="fsizes"><span id="fsize3">aaaaaaaa</span><span id="fsize5"> 
bbbbbbbbb</span><span id="fsize2">ccccccccccccc</span>
<span id="fsize6">ddddddddddddddddddddd</span><span
id="fsize1">eeeeeeeeeeeeee</span><span id="fsize4">fffffffff</span></div></a>

<a href="http://www.mysite.com" class="box2">
<div id="fsizes"><span id="fsize1">aaaaaaaa</span><span id="fsize2"> 
bbbbbbbbb</span><span id="fsize4">ccccccccccccc</span>
<span id="fsize3">ddddddddddddddddddddd</span><span
id="fsize5">eeeeeeeeeeeeee</span><span id="fsize6">fffffffff</span></div></a>
4

5 に答える 5

3

ID「fsize」の 2 つの div と ID「fsize3」の 2 つのスパンがあります。

両方に css で同じ参照を持たせたい場合は、同じ ID ではなく、同じクラス名を指定する必要があります。

CSS でクラス セレクターを使用するには、「#」を「.」に置き換えるだけです。

于 2013-06-14T13:15:50.897 に答える
1

あなたは少なくとも2つの場所で同じIDを持っています（私の推測はどこにでもありますが）<span id="fsize3">ここにあります：

<span id="fsize3">aaaaaaaa</span>

そしてここ：

<span id="fsize3">ddddddddddddddddddddd</span>

HTML仕様では、これは無効であると言われています:

id = name [CS] この属性は、要素に名前を割り当てます。この名前はドキュメント内で一意でなければなりません

于 2013-06-14T13:17:14.830 に答える
1

html ファイルで id を 2 回割り当てることはできません。両方の div に id がありfsizesます。id をクラスに変更することを検討し、css ファイルを から#fsizesに変更します。.fsizes

于 2013-06-14T13:17:56.493 に答える
0

コード内の複数の要素に同じ ID を使用しています。

HTML では、ID 属性を使用して、単一の一意の要素を識別します。複数の要素に同じスタイル ルールを適用する場合は、グループ化する要素の属性クラスを使用して、要素のグループを定義することをお勧めします。

HTML

<div id="first-element" class="fsize1"></div>
<div id="second-element" class="fsize1"></div>
<div id="third-element" class="fsize1"></div>

CSS

.fsize1 {
    font-size: 26px;   
    color: #ffffff;
}
于 2013-06-14T13:23:56.470 に答える
0

Javalsu の言及に加えて、同じ ID のスパンもあります。OPのように使用する予定がある場合は、スパンIDをクラスに変更します。

たとえば、html では次のようになります。

<span class="fsize3">aaaaaaaaaa</span>

次に、CSS で:

SPAN.fsize3 { //do something; }

また

.fsize3 { //do something; }

これをJavasluのコメントとして追加したかったのですが、それができません。

于 2013-06-14T13:23:19.483 に答える