Css 行中单个元素的选择器?

Css 行中单个元素的选择器?,css,css-selectors,flexbox,Css,Css Selectors,Flexbox,我们有两个子元素的flex容器 当我们调整窗口的大小和一个flex项目包装时,每个元素都位于自己的行中 它是否有类似于:当单独在行中时的选择器 .flex-parent {flex-flow: row wrap} .flex-child .flex-child 不,没有类似于:单独在第行中时的选择器 但是,当您想要从一组同级元素中选择第一个和最后一个元素时(这里就是这种情况,因为您只处理两个flex项),您可以使用和伪类 当然,这些选择器应用的样式即使在两个项目位于同一行时也会

我们有两个子元素的flex容器

当我们调整窗口的大小和一个flex项目包装时,每个元素都位于自己的行中

它是否有类似于
:当单独在行中时的选择器

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

不,没有类似于
:单独在第行中时的选择器

但是,当您想要从一组同级元素中选择第一个和最后一个元素时(这里就是这种情况,因为您只处理两个flex项),您可以使用和伪类


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

如果它总是以相同的屏幕大小折叠,则当它们位于自己的行时,您可以使用媒体查询来调整样式


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

没有。您可能可以获得与CSS媒体查询类似的内容显示您的HTML,不要向我们描述它;在大多数情况下,语言过于模糊,无法充分描述结构。请参阅“(”和“)指南。这取决于行中只有一个项目时您试图实现的目标。这里有一些技术可能会有所帮助,但目前这看起来像是一个XY问题。@DavidThomas我们在css/css3/flexbox部分,我认为可以清楚地理解。flex父类-具有适当css属性的项,和.flex-child-它是flex-parent的子元素。当flex-wrap工作时,它知道项目的宽度,知道何时进行包裹,以及每个元素包裹位置的状态。我想使用这些知识:)使用:first child/:last child/:nth child将是作为查询的“后端”解决方案(他们不知道元素中有多少内容),而不知道客户端响应的布局,这是“硬代码”,因为现在我想要最大的响应代码。那么你可能必须使用JavaScript。我更喜欢使用清晰的CSS。。。flex再次变成了垃圾,比如display:table和其他“好”解决方案:(试图使响应性内容独立性代码、查询只适用于设备依赖性代码啊,好的。明白了。抱歉,我帮不上更多忙。