li:nth-of-type(1)和li:nth-of-type(1)a在此题中设置背景色的区别

照理说，背景色是可以继承的，而且a元素没有设置margin属性，那么在设置背景色的时候这两个应该是一样的效果，为什么只用前者下方会有20px的空白？

Jojojojojoce

2015-07-26

源自：十天精通CSS3 7-8

关注问题我要回答

1317

操作

收起

1 回答

weibo_请叫我程序猿蜀黍_0
2015-07-28

我也在想这个问题，为什么加了a之后，字母区的背景颜色就加满了呢？

1 回复有任何疑惑可以回复我~

收起回答

Jojojojojoce 提问者

这个我后来大概想了一下，其实你把a里面的padding和它的字体的大小所占的空间加起来，是超出了li的大小的，overflow的默认值也是visible（源代码中没有特意设置这个值），所以只设置li的话覆盖不完全。

2015-07-31 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242687 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答第三步我用a[href=#bg1]：：after li:nth-of-type(1) ::after 都没有效果啊

4 回答nth-child()和nth-of-type()的区别

3 回答div:first-of-type 和 div :first-of-type有什么区别（写法上div后面有一个空格）？

2 回答li nth-of-type(1) a{###} a为什么要放在后面？是什么意思？

1 回答nth-child（）和nth-of-type()差别是什么

搜索更多本课相关问答

li:nth-of-type(1)和li:nth-of-type(1)a在此题中设置背景色的区别

我要回答关注问题

热搜

最近搜索清空

li:nth-of-type(1)和li:nth-of-type(1)a在此题中设置背景色的区别

1 回答

本课相似问答

li:nth-of-type(1)和li:nth-of-type(1)a在此题中设置背景色的区别