我有一些基本的桌面样式。
.block {
display: flex;
> * {
&:first-child { margin-top: 0; }
&:last-child { margin-bottom: 0; }
}
}
当我在移动设备中时,flex order
属性会更改子项顺序(显然)。
所以显示的第一个孩子实际上并不是dom中的第一个孩子。
基本上,显示的第一个孩子有:last-child
个样式,显示的最后一个孩子有:first-child
个。
我想知道,有没有相当于:first-child
,:last-child
与flex order
属性兼容?