Question

嘿，所有这些听起来像是一个完全没有问题的问题，但我从未真正学会过如何做到这一点。我有一堆像这样的ID：

#f1 {
    a lot of styles!

    order: 1;
}

#f2 {
    a lot of styles!

    order: 2;
}

我的意思是我复制/粘贴了40次。有没有办法巩固“很多风格！”为所有人重复一件事，但只是为每个个人ID写下不同的命令？

感谢您的帮助！： - ）

Answer 1

使用class和id s

实施例

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>

Answer 2

您可以为“很多款式”使用通用选择器：

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

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

减少第一个选择器的一个合适的替代方法是为每个元素分配一个类，例如.common并将#f1, #f2, ...替换为.common

更多信息：CSS element,element Selector

多个#ids，每个都有很多相同的代码，但略有不同 - 有效的方式来写这个？

2 个答案: