0

ねえ、これは完全に初歩的な質問のように聞こえるかもしれませんが、私はこれを行う方法を実際に学んだことはありません. 私は次のようなIDをたくさん持っています:

#f1 {
    a lot of styles!

    order: 1;
}

#f2 {
    a lot of styles!

    order: 2;
}

つまり、40回ほどコピー/貼り付けしています。「スタイルがたくさん!」を集約する方法はありますか?それらすべてに対して繰り返される1つのものにしますが、個々のIDごとに異なる順序を書くだけですか?

助けてくれてありがとう!:-)

4

2 に答える 2

3

aclassidsを使用する

CSS

.className {
    // common style that they all share
}

#f1 {
    // distinct styles only this id will use
}
#f2 {
    // distinct styles only this id will use
}

HTML

<div class="className" id="f1">
</div>

<div class="className" id="f2">
</div>
于 2013-11-10T09:21:55.193 に答える
2

「たくさんのスタイル!」に共通のセレクターを使用できます。

#f1, #f2 {
    a lot of styles!
}

#f1 { order: 1; }    
#f2 { order: 2; }

最初のセレクターを削減するための適切な代替手段は、各要素にクラスを割り当てることです。たとえば、.common を次のように置き換えます#f1, #f2, ....common

詳細 : CSS 要素、要素セレクター

于 2013-11-10T09:19:13.080 に答える