请选择 进入手机版 | 继续访问电脑版

弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2602|回复: 0

【CSS3】选择器对第几个元素添加不同样式的方法

[复制链接]
发表于 2016-6-28 17:02:55 | 显示全部楼层 |阅读模式
:only-child                    p:only-child                      选择属于其父元素的唯一子元素的每个 <p> 元素。        
:nth-child(n)                 p:nth-child(2)                  选择属于其父元素的第二个子元素的每个 <p> 元素。        
:nth-last-child(n)           p:nth-last-child(2)            同上,从最后一个子元素开始计数。        
:nth-of-type(n)              p:nth-of-type(2)              选择属于其父元素第二个 <p> 元素的每个 <p> 元素。        
:nth-last-of-type(n)        p:nth-last-of-type(2)        同上,但是从最后一个子元素开始计数。        
:last-child                      p:last-child                       选择属于其父元素最后一个子元素每个 <p> 元素。        
:first-child                      p:first-child                      选择属于父元素的第一个子元素的每个 <p> 元素。         

我们可以使用 :nth-child(n)  来自动判断第4个,css代码如下
<style>
.list li:nth-child(4n){ border-bottom:1px dashed #ccc;} /*4n就是4的倍数都加这个样式*/
</style>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-3-29 23:55 , Processed in 0.103402 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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