首页 > 代码库 > CSS选定第k个元素
CSS选定第k个元素
<!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个元素
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。