css3 :nth-child 常用用法

前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”。

下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:

Tips:还用低版本的IE浏览器的哥们请绕过!

:nth-child(2)选取第几个标签,“2可以是你想要的数字”

.demo01 li:nth-child(2){background:#090}

:nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同

.demo01 li:nth-child(n+4){background:#090}

:nth-child(-n+4)选取小于等于4标签

.demo01 li:nth-child(-n+4){background:#090}

:nth-child(2n)选取偶数标签,2n也可以是even

.demo01 li:nth-child(2n){background:#090}

:nth-child(2n-1)选取奇数标签,2n-1可以是odd

.demo01 li:nth-child(2n-1){background:#090}

:nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一”

.demo01 li:nth-child(3n+1){background:#090}

:last-child选取最后一个标签

.demo01 li:last-child{background:#090}

:nth-last-child(3)选取倒数第几个标签,3表示选取第3个

时间: 2024-10-11 13:04:06

css3 :nth-child 常用用法的相关文章

css3 nth 选择器

css3: nth选择器 我们把CSS3的:nth选择器也称为CSS3 结构类 选择方法: :first-child(),:last-child ()  :nth-child(n)     :nth-last-child()  :nth-of-type()  :nth-last-of-type ()   :first-of-type()  :last-of-type()  :only-child() :only-of-type() :empty() 首先我们可以理解,如果我们指定了上面的规则,

log4j的常用用法

最近一段时间一直在用别人封装好,配置好的日志类记录日志,感觉挺好奇的.下面就记录一下用log4j处理日志的常用用法. 至于log4j是什么,我不清楚,暂时也觉得没必要太深入,只知道是处理日志比较好的选择. Game Starts 参考文档 1)官方pdf文档 2)配置log4j(和详细) 3)Log4j 的日志级别 依赖jar包 1)log4j-api-2.0.2.jar    2)log4j-core-2.0.2.jar [D] 主要的类 1)Logger 看名字也就知道是干什么的了,就是靠他

css3生成各种常用图标

CSS3 Monochrome Icon Set css3生成各种常用图标,布布扣,bubuko.com

Objective-C NSString的常用用法

//1.创建常量字符串. NSString *astring = @"This is a String!";   //2.创建空字符串,给予赋值. NSString *astring = [[NSString alloc] init]; astring = @"This is a String!"; [astring release]; NSLog(@"astring:%@",astring);//NSString *astring = [[NS

关于function的一种常用用法

关于function的一种常用用法 void Share::InitAcrossManager() { GsMgrEvent gsMgrEvents;//保存function的结构体 gsMgrEvents.fnSendData2Client = [this](int nChannelId, void* pData, int nLen)//lambda绑定,当然也可以用std::bind进行绑定 { SendCmd2C(nChannelId, s2c_prop_opt, pData, nLen)

linux下tar命令常用用法

tar参数列表: -c: 建立压缩档案-x:解压-t:查看内容-r:向压缩归档文件末尾追加文件-u:更新原压缩包中的文件 这五个是独立的命令,压缩解压都要用到其中一个,可以和别的命令连用但只能用其中一个.下面的参数是根据需要在压缩或解压档案时可选的. -z:有gzip属性的-j:有bz2属性的-Z:有compress属性的-v:显示所有过程-O:将文件解开到标准输出 下面的参数-f是必须的 -f: 使用档案名字,切记,这个参数是最后一个参数,后面只能接档案名. 常用的命令参数有 -c,-x,-z

NSString,NSSarray的常用用法

//初始化         //iniWithString------Returns an NSString object initialized by copying the characters from another given string.        // 返回一个NSString对象初始化复制来自另一个给定字符串的字符.         NSString *str = @"liuyafang";         NSString *str1 = [[NSString 

NSDictionary常用用法

NSArray *aa = [NSArray arrayWithObjects:@"11", @"122", nil];         NSLog(@"%@", aa);         //里面只有一对键值的字典         NSDictionary *dic1 = [NSDictionary dictionaryWithObject:@"2134" forKey:@"id"];         N

NSSet常用用法

//集合初始化         NSArray *array = [NSArray arrayWithObjects:@"aa", @"bb", @"cc", nil];         NSSet *se = [NSSet setWithArray:array];         NSLog(@"%@", se);         //集合里面只有一个元素         NSSet *set = [NSSet setWit

iOS字符串常用用法

创建一个新字符串并将其设置为 path 指定的文件的内容,使用字符编码enc,在error上返回错误 + (id)stringWithContentsOfURL:(NSURL *)url encoding:(NSStringEncoding)enc error:(NSError **)error; 创建一个新字符串并将其设置为 url 指定的内容,使用字符编码enc,在error上返回错误+ (id)stringWithContentsOfFile:(NSString *)path encodi