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