您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

css如何选取第几个元素

2024/2/27 22:48:08发布13次查看
css选取第几个元素的方法:1、【first-child】表示选择列表中的第一个标签;2、【last-child】表示选择列表中的最后一个标签;3、【nth-child(3)】表示选择列表中的第3个标签。
本教程操作环境:windows7系统、css3版,dell g3电脑。
css选取第几个元素的方法:
1、first-child
first-child表示选择列表中的第一个标签。代码如下:
li:first-child{background:#090}
上面的意思是,li 列表中的 第一个li模块的背景颜色。
2、last-child
last-child表示选择列表中的最后一个标签,代码如下:
li:last-child{background:#090}
3、nth-child(3)
表示选择列表中的第3个标签,代码如下:
li:nth-child(3){background:#090}
上面代码中的3也可以改成其它数字,如4、5等。想选择第几个标签,就填写几。
4、nth-child(2n) 
这个表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签。
相关教程推荐:css视频教程
以上就是css如何选取第几个元素的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product