selector:nth-child(n)

關于selector:nth-child(n)的基礎知識:戳這里○○○

注意:只適合該父元素(div)下的子元素(p)不再包含子元素的情況,否則"孫子輩"的元素(span)也會被選中

<div>
    <p>child A</p>
    <p>child B</p>
    <p>child C
        <span>grandchild D</span>
        <span>grandchild E</span>
    </p>
</div>

比如,在css中寫p:nth-child(2)時,會選中B和E

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容