css - 使用 * 选择器调整框大小会添加不需要的填充

Question

我在响应式设计中使用 box-sizing 和 padding。

有效地使用以下代码：

.col * {
}

我能够定位我的部分中名为“col”的所有内容。这很棒，直到我开始在彼此之间添加元素，然后再次添加该类。

我在这里整理了一个示例http://jsfiddle.net/XS7KB/1/。您将看到<h1>由于 href 的原因，第一行再次添加了 box-sizing。如果我添加另一个跨度、列表、hr 等，我会想象它是一样的。这可能是有问题的。

我正在寻找一种将其应用于第一组标签的方法，而两者之间没有任何内容。也许不同的选择器会阻止这种情况发生。

任何帮助将不胜感激。

score 0 · Accepted Answer

如果“第一个集合”是指“第一个嵌套级别”，请使用子选择器将其仅限制为该组元素：

.col > * {
}

这只会选择h1和p的子级.col，而不是其中的任何内容。

1 回答 1