Html 您可以控制或定位包装元素的样式吗？

考虑下面的示例，在一个容器元素中有几个

内联块

元素，这些元素的宽度可能会收缩到其中的元素将被包裹的位置

我希望在每个“行”或包含的元素之间有一点空间。使用

页边距顶部

或

页边距底部

可以获得所需的空间。但是，元素的第一行或最后一行上都有少量空间

有没有一种方法可以针对行包装的元素而不是第一行

#容器{
宽度：10em；
背景颜色：蓝色；
}
#容器>跨度{
显示：内联块；
填充：0.25em；
保证金：0；
背景颜色：浅蓝色；
}
#容器>范围：非（：最后一个子级）{
右边距：0.25em；
}
/*以下规则不存在*/
#容器>范围：非（：第一行）{
边缘顶部：0.25em；
}

应该包装的某些元素的某些文本

不能将一组跨距作为一行，尤其是当跨距不再适合一行时，它们只是在换行

例如，您需要将内容包装在

中。然后您可以说

.row:first child{/*Custom styleing*/}

这在未来可能是可能的，但就目前而言，这是不可能做到的

有没有一种方法可以针对行包装的元素而不是第一行

不，现在还没有

但是，元素的第一行或最后一行上都有少量空间

在大多数情况下，您应该能够通过容器元素上的负边距来缓解这种情况，如下所示：

#容器{
宽度：10em；
边缘底部：-0.25em；
背景颜色：蓝色；
}
#容器>跨度{
显示：内联块；
填充：0.25em；
边际：0.25em0；
背景颜色：浅蓝色；
}
#容器>范围：非（：最后一个子级）{
右边距：0.25em；
}
.test{背景：红色；}

应该包装的某些元素的某些文本
我在我应该在的地方。

：第一行

这是从哪里来的？@Aziz直接阅读该规则上方的评论。你可以研究使用，可能会给你更多的控制权。但我不认为它会让你完全按照你现在想做的去做。当然不能将一组内联元素作为一行，没有任何包装等。我真的不喜欢使用负边距，因为这让我觉得样式变得不那么可重用。然而，这看起来是最好的答案，因为没有针对我需要的风格。