first-child 和 last-child 会失效的原因。
如上图这两个list-item如果想对last-child设置样式是不可以的,因为他后面后面还有个空兄弟节点。设置first-child伪类时我们看第一个的前面有没有兄弟节点,设置last-child伪类时看最后一个有没有兄弟节点。所以要设置这种伪类时如果没有起到效果,我们可以先看一下他有没有同级的兄弟节点。解决办法:是我们可以把list-item用一个容器包起来再设置。...
·
如上图这两个list-item如果想对last-child设置样式是不可以的,因为他后面后面还有个空兄弟节点。
设置first-child伪类时我们看第一个的前面有没有兄弟节点,
设置last-child伪类时看最后一个有没有兄弟节点。
所以要设置这种伪类时如果没有起到效果,我们可以先看一下他有没有同级的兄弟节点。
解决办法:是我们可以把list-item用一个容器包起来再设置。
更多推荐
已为社区贡献1条内容
所有评论(0)