用于可视(块重排)行的第一个元素的CSS选择器

Kev*_* L. 15 css layout css-selectors

是否有每个可视行块项的第一个元素的CSS选择器?也就是说,假设有20个块元素,使它们流过多条线以适合它们的父容器; 我可以选择每行最左边的项目吗?

通过查看所有元素的顶部位置,它在JavaScript中是可行的,但它在纯CSS中是否可行?

Sta*_*arx 14

是的,它可以通过CSS,但只有你可以修复每一行中的元素.

由于您没有提供案例,这里有一个例子.

假设,您的元素以a ullipattern形式堆叠在一起,并且连续三个列表,那么您可以使用以下css片段.

li:first-child, li:nth-child(3n+1) {
    background: red;
}
Run Code Online (Sandbox Code Playgroud)

演示


jst*_*str 5

不,没有选择器,您需要使用JavaScript。

作为参考,以下是CSS选择器的良好参考:http : //www.w3.org/wiki/CSS/Selectors