css中"nth-child()"選擇器的妙用
發(fā)布時(shí)間:2019-03-26來(lái)源:admin
<p>
"nth-child()"選擇器是CSS3中新出的一個(gè)選擇器,在網(wǎng)站開(kāi)發(fā)中能很方便的供開(kāi)發(fā)人員使用。今天小編就來(lái)介紹一下<span>"nth-child()"的使用。</span>
</p>
<p>
<span><span>"nth-child()"是一個(gè)同胞元素選擇器,后面的括號(hào)里可以攜帶參數(shù),用"ul"與"li"舉例;"li:<span>nth-child(1)</span>"</span>指的是"ul"中的第一個(gè)"li";<br />
</span>
</p>
<p>
<span>參數(shù)是2就是指<span>"ul"中的第二個(gè)"li"</span>,以此類推。更為方便的是<span>":nth-child()"</span><span></span>可以支持表達(dá)式來(lái)篩選更多的元素,<span>"li:nth-child(2n+1)"指的是</span><span>"ul"中的第一個(gè),第三個(gè),第五個(gè)等等等等 的"li"</span>。</span>
</p>
<p>
<span><span>"nth-child()"選擇器的用法就是這么簡(jiǎn)單,相信在以后的網(wǎng)頁(yè)制作過(guò)程中能更快的開(kāi)發(fā)產(chǎn)品。</span><br />
</span>
</p>
聯(lián)系方式: 0755-84185494