在 CSS 中，我們可以使用列表標(biāo)簽來(lái)創(chuàng)建我們的有序和無(wú)序列表。通常情況下，我們會(huì)用一定的間距來(lái)區(qū)分列表項(xiàng)。一個(gè)常用的間距方法是在每五項(xiàng)之間添加一行空行。

ol li:nth-child(5n+1),
ul li:nth-child(5n+1){
margin-bottom: 1em;
}

上述代碼可以幫助我們實(shí)現(xiàn)在每5個(gè)列表項(xiàng)上添加一行空行的效果。這是因?yàn)槲覀兪褂昧?CSS 中的偽類 :nth-child() 來(lái)選擇每個(gè)列表中的第1項(xiàng)、第6項(xiàng)、第11項(xiàng)等，再在這些項(xiàng)上添加 margin-bottom 屬性來(lái)實(shí)現(xiàn)空行的效果。

通過(guò)這種方式，我們可以輕松地為我們的列表添加間隔，并使其更加易于獨(dú)立閱讀。同時(shí)，這也是一種比較干凈的方式來(lái)處理間隔問(wèn)題。

當(dāng)然，如果你需要的間隔數(shù)不是5，你可以自己修改 :nth-child() 中的參數(shù)來(lái)進(jìn)行調(diào)整。這個(gè)方法是非常靈活的，可以根據(jù)不同的需求進(jìn)行調(diào)整。