css如何选取第几个元素
导读:收集整理的这篇文章主要介绍了css如何选取第几个元素,觉得挺不错的,现在分享给大家,也给大家做个参考。css选取第几个元素的方法:1、【First-child】表示选择列表中的第一个标签;2、【last-child】表示选择列表中的最后一个...
收集整理的这篇文章主要介绍了css如何选取第几个元素,觉得挺不错的,现在分享给大家,也给大家做个参考。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如何选取第几个元素的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css如何选取第几个元素
本文地址: https://pptw.com/jishu/589240.html