jquery选择器:first-child与:last-child获取不到元素解决办法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery选择器:first-child与:last-child获取不到元素解决办法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1396字,纯文字阅读大概需要2分钟。
内容图文
![jquery选择器:first-child与:last-child获取不到元素解决办法](/upload/InfoBanner/zyjiaocheng/301/95dee74d63604784913c15e06e22c8c5.jpg)
<a href="#" class="button"><</a> <a href="#" class="button">></a> <div id="f">F</div> <div id="s">S</div> <div id="t">T</div>
我们需要找出最后一个有类button的a标签,那么根据我们所了解的CSS3伪类,可以轻松的编写出下面的代码
.button:last-child { background-color: #ffd700; }
运行后发现,第二个a的背景颜色并没有变色,想了想CSS代码肯定没错,一定是HTML哪里有问题,经过几次修改之后发现,HTML和CSS改成这样就可以了。
<div> <a href="#" class="button"><</a> <a href="#" class="button">></a> </div> <div id="f">F</div> <div id="s">S</div> <div id="t">T</div> <style> div .button:last-child { background-color: #ffd700; } </style>
这时我才恍然大悟,first-child与last-child这2个果然很傲娇很任性,如果父亲元素里的子元素有包含其他不一样的标签时,他们2个是很不听话的。
总结
那么他们究竟哪些话听哪些话不听了,经过我一番测试得出的结论是
当使用first的话,第一个子元素一定要是一样的标签。中间和最后可以不一样,
last则反之,最后一个元素要一样,前面和中间可以不一样
以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css , 标签 代码 firstchild lastchild、jquery last child、jquery firstchild、jquery first child、jquery first last,以便于您获取更多的相关知识。
以上就是jquery选择器:first-child与:last-child获取不到元素解决办法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的jquery选择器:first-child与:last-child获取不到元素解决办法全部内容,希望文章能够帮你解决jquery选择器:first-child与:last-child获取不到元素解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。