单独一个元素的选择器？

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

像:when-alone-in-row这样的选择器吗？

.flex-parent {flex-flow: row wrap} 
    .flex-child 
    .flex-child

来源

2016-09-26 Vanyatwo

不，没有。 –

您可能能够得到类似于您使用CSS媒体查询所要求的内容 –

*显示*您的HTML，请勿向我们描述;在大多数情况下，语言过于模糊以充分描述结构。请参阅：“* [MCVE] *”（和“* [问] *”）准则。 –

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

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

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

来源

2016-09-26 14:02:03

当flex-wrap工作时 - 它知道项目的宽度并知道何时包装，以及每个元素包装位置的状态。我想使用这些知识:) 使用：first-child /：last-child /：nth-child将作为查询的“后端”解决方案（他们不知道有多少内容在元素中）而不知道客户端响应布局，它是“硬编码”，现在我想要最大限度的响应代码。 – Vanyatwo

那么你可能不得不使用JavaScript。 –

我更喜欢使用清晰的CSS ... flex再次像显示：垃圾箱和其他“好”的解决方案：（ – Vanyatwo

如果它总是在相同的屏幕尺寸下折叠，则可以使用媒体查询来调整它们在自己的行上时的样式。

如果不是，则可能还需要使用媒体查询进行折叠，以便您可以更好地控制行/列。

来源

2016-09-26 15:03:23 JakeSidSmith

试图做出响应内容独立代码，查询只适用于设备依赖代码 – Vanyatwo

啊，好吧。对不起，我忍不住了。 – JakeSidSmith

单独一个元素的选择器？

回答

相关问题