標籤：
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> /*使用first-child和last-child*/ p:first-child { color: red; } p:last-child { color: blue; } /*nth-child(參數),比較靈活,注意n表示自然數,從0,1,2,開始;nth-child(編號),編號從1開始*/ p:nth-child(0) { color: red; } /*nth-last-child(參數)表示倒數幾個元素*/ p:nth-last-child(3) { color: green; } /*因為n從0~無窮,當n小於1時沒有意義,所以下列css選定前兩個元素*/ p:nth-child(-n+2) { color: purple; } /*因為n從0~無窮,下列css選定的是1,3,5,7...元素*/ p:nth-child(2n+1) { color: yellow; } </style></head><body> <p>one</p> <p>two</p> <p>three</p> <p>four</p> <p>five</p> <p>six</p></body></html>
CSS選定第k個元素
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
