立即注册
 找回密码
 立即注册

QQ登录

只需一步,快速开始

我逸网

我逸分享各类计算工具和资料
不再需要查找公式和数据

安逸

我逸预设各种计算条件和经验
结果只在少量调整之间

效率

将繁琐交给我逸
我用故

我逸

[文档] Css中nth标签实例用法

[复制链接]
发表于 2016-3-21 22:06:09 | 显示全部楼层 |阅读模式
css中的nth标签选择器,可以轻松按条件选取元素并修改样式,以下列举nth标签的各种用法。
p:nth-child(1){background:#ff0000;}  选取p元素,其父元素下的第1个子元素,等同于p:first-child;
p:nth-child(n+3){background:#ff0000;}  选取p元素,其父元素下大于等于3的子元素;
p:nth-child(-n+3){background:#ff0000;}  选取p元素,其父元素下小于等于3的子元素;
p:nth-child(2n){background:#ff0000;}  选取p元素,其父元素下的偶数子元素,等同于p:nth-child(even);
p:nth-child(2n-1){background:#ff0000;}  选取p元素,其父元素下的奇数子元素,等同于p:nth-child(odd);
p:nth-child(3n+1){background:#ff0000;}  选取p元素,隔二取一;
p:last-child{background:#ff0000;}  选取p元素,最后一个元素;
p:nth-last-child(3){background:#ff0000;}  选取p元素,倒数第3个标元素。
回复 收藏

使用道具 举报

Archiver|服务支持:DZ动力|  

Powered by Discuz! X3.3© 2001-2013 Comsenz Inc.

Copyright © 2016-2022 我逸网 cmd2d.com All Rights Reserved.
备案号:皖ICP备16004147号-1

beian 皖公网安备 34010302000278号

快速回复 返回顶部 返回列表