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

首页课程实战体系课手记专栏慕课教程

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

来源：7-8 切换背景图像综合练习题

Jojojojojoce

2015-07-26 13:19

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

写回答关注

1回答

weibo_请叫我程序猿蜀黍_0

2015-07-28 16:16:46

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

1 1

Jojojo...

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

2015-07-31 11:27:02

共 1 条回复 >

十天精通CSS3

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

242554 学习 · 2623 问题

相似问题

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

回答 2

nth-child()和nth-of-type()的区别

回答 4

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

回答 3

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

回答 2

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

回答 1

打开慕课网App查看更多内容