小程序 first-child 和 last-child 会失效的原因

小程序 first-child 和 last-child 会失效的原因_第1张图片

如上图这两个list-item如果想对last-child设置样式是不可以的,因为他后面后面还有个空兄弟节点。

设置first-child伪类时我们看第一个的前面有没有兄弟节点,

设置last-child伪类时看最后一个有没有兄弟节点。

所以要设置这种伪类时如果没有起到效果,我们可以先看一下他有没有同级的兄弟节点。

解决办法:是我们可以把list-item用一个容器包起来再设置。

你可能感兴趣的:(小程序)