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

照理說，背景色是可以繼承的，而且a元素沒有設置margin屬性，那么在設置背景色的時候這兩個應該是一樣的效果，為什么只用前者下方會有20px的空白？

Jojojojojoce

2015-07-26

源自：十天精通CSS3 7-8

關注問題我要回答

1359

操作

收起

1 回答

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

我也在想這個問題，為什么加了a之后，字母區的背景顏色就加滿了呢？

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

收起回答

Jojojojojoce 提問者

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

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

舉報

0/150

提交

取消

十天精通CSS3

參與學習 243057 人
解答問題 2677 個

本課程為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在此題中設置背景色的區別