连续选择一个元素？

Question

我们有包含2个子元素的flex容器。

当我们调整窗口大小，并且其中一个flex项包装时，我们将每个元素放在它自己的行上。

是{@ 1}}之类的选择器吗？

:when-alone-in-row

Answer 1

不，没有类似于:when-alone-in-row的选择器。

但是，当你想从一组兄弟姐妹中选择第一个和最后一个元素时（因为你只处理两个弹性项目就是这种情况），你可以使用:first-child和{ {3}}伪类。

当然，即使这两个项目位于同一行，这些选择器应用的样式也会起作用，除非它们在媒体查询中应用。

Answer 2

如果它始终以相同的屏幕大小折叠，您可以使用媒体查询在各自的行上调整样式。

如果没有，也可以使用媒体查询进行折叠，这样您就可以更好地控制行/列。