Html 如何在ID定义上重用类？

在下面的代码中，是否有方法在CSS声明中使用

.center

类，而不是在每个div中使用

类=

？每个div应该有一个

边距：0 auto

CSS

HTML

这是第一行
这是第一行

---

如果希望每个

div

都有

边距：0自动，然后使用简单的元素选择器，如

div {
    margin: 0 auto;
}

div[id] {
    margin: 0 auto;
}

#wrapper > div {
    margin: 0 auto;
}

div[id^=center-] {
    margin: 0 auto;
}

如果希望仅使用ID将
div
居中，请使用元素[attr]选择器，如

div {
    margin: 0 auto;
}

div[id] {
    margin: 0 auto;
}

#wrapper > div {
    margin: 0 auto;
}

div[id^=center-] {
    margin: 0 auto;
}

但使用前要小心；它们太笼统，如果布局变得更宽，将导致不一致的结果，因此最好在要应用的
div
元素周围包装一个元素
margin:0 auto#wrapper
），然后使用类似

div {
    margin: 0 auto;
}

div[id] {
    margin: 0 auto;
}

#wrapper > div {
    margin: 0 auto;
}

div[id^=center-] {
    margin: 0 auto;
}

或者，使用

#wrapper {
    margin: 0 auto;
}

也应该足够了


不想使用包装器元素吗？修改您的ID，如
#先居中
，
#后居中
等等，然后您可以使用元素[attr=val]选择器，如

div {
    margin: 0 auto;
}

div[id] {
    margin: 0 auto;
}

#wrapper > div {
    margin: 0 auto;
}

div[id^=center-] {
    margin: 0 auto;
}

上面的选择器匹配任何以单词
中间
后跟
-
开头的ID

这个怎么样

#first,
#second {
  margin: 0 auto;
}

在纯css中，不是，但在sass中，是。@blex-是的，这是可能的-请参见下面的一些链接：，@ScottSelby，这将适用于所有div，我不知道OP是想要那个，还是只适用于某些div。。。无论如何，重要的是OP要找到他想要的东西，所以你可能适合他；）如果问题是后两个规则是否可以引用前一个规则，那么答案是否定的，在这里可以找到重复的规则：我认为他要求的是一种调用
.center
规则的方法，它的所有声明都包含在其他规则中。就像SASS的
@extend
指令：
div{@extend.center}
@AndersG一样，SASS没有标记，所以我只使用CSS提供了最好的：）