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

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

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

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

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

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐