Question

我在响应式设计中使用了盒子大小和填充。

通过使用以下代码有效：

.col * {
}

我可以定位名为'col'的部分中的所有内容。这很好，直到我开始在彼此之间添加元素，然后再次添加类。

我在这里汇总了一个例子http://jsfiddle.net/XS7KB/1/。您会看到<h1>的第一行因为href而再次添加了box-sizing。如果我添加另一个span，list，hr等，我会想象它是一样的。这可能会有问题。

我正在寻找的方法是将它应用于第一组标签，而不介于两者之间。也许一个不同的选择器可以防止这种情况发生。

非常感谢任何帮助。

Answer 1

如果通过“first set”表示“第一个嵌套级别”，则使用子选择器将其限制为仅限于该组元素：

.col > * {
}

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