li:nth-of-type(1)和li:nth-of-type(1)a在此題中設(shè)置背景色的區(qū)別

照理說(shuō)，背景色是可以繼承的，而且a元素沒(méi)有設(shè)置margin屬性，那么在設(shè)置背景色的時(shí)候這兩個(gè)應(yīng)該是一樣的效果，為什么只用前者下方會(huì)有20px的空白？

Jojojojojoce

2015-07-26

源自：十天精通CSS3 7-8

關(guān)注問(wèn)題我要回答

1389

操作

收起

1 回答

weibo_請(qǐng)叫我程序猿蜀黍_0
2015-07-28

我也在想這個(gè)問(wèn)題，為什么加了a之后，字母區(qū)的背景顏色就加滿了呢？

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Jojojojojoce 提問(wèn)者

這個(gè)我后來(lái)大概想了一下，其實(shí)你把a(bǔ)里面的padding和它的字體的大小所占的空間加起來(lái)，是超出了li的大小的，overflow的默認(rèn)值也是visible（源代碼中沒(méi)有特意設(shè)置這個(gè)值），所以只設(shè)置li的話覆蓋不完全。