小编The*_*hus的帖子

CSS flex:行选择器中的最后一项和第一项

我在尝试选择第一行的最后一个元素和flex容器的最后一行的第一个元素时遇到问题.

我的弹性容器是flex-wrap: wrap;和我的所有元素都有,flex: auto;并且它们有不同的尺寸,并且通过flex auto我让元素在我的容器上合适,并且我的角元素各自的角都是圆角的.

但是,问题是,我隐藏并显示带有事件的元素(如点击),我需要在每次更改时设置圆角元素,如果它有一个我可以选择的网格容器,nth-child因为它永远不会改变列数.但是在flex中每行有不同数量的元素.

我提出了一个Jquery解决方案(链接下来),但我认为它是ogle和大,可能有一个更聪明的方式或我不能使用的简单选择器.

请帮我提出一个更好的代码,所以不仅仅是我不能很好地利用它.

http://jsfiddle.net/aj1vk0rv/

编辑:刚改进了一下代码 http://jsfiddle.net/aj1vk0rv/1/

html javascript css jquery flexbox

17
推荐指数
1
解决办法
4450
查看次数

标签 统计

css ×1

flexbox ×1

html ×1

javascript ×1

jquery ×1