jQuery的“：last-child”选择器不会被尊重为Jsbin的父级？

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery的“：last-child”选择器不会被尊重为Jsbin的父级？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@L_801_0@这个简单的 HTML：

@H_403_8@

<body>
  <a>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
  </a>
</body>

div是< a>的孩子.@H_403_8@

从jQuery开始：@H_403_8@

@H_403_8@

@H_403_8@

$("div:last-child" ).css('BACkground-color','red')

将产量：@H_403_8@

好的,我们删除< a>这样div就会成为身体的直接孩子@H_403_8@

@H_403_8@

<body>

    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>

</body>

结果：没有画任何东西. (http://jsbin.com/kamepu/4)@H_403_8@

题@H_403_8@

那些div是身体的孩子.为什么它不起作用？@H_403_8@

NB我知道我可以使用最后一个.但这不是我的问题.@H_403_8@

如果查看DOM,JS Bin会在结束< / body>之前插入一些脚本元素. tag,阻止任何div匹配div：last-child.请记住,虽然脚本元素(通常)没有呈现,但它们确实存在于DOM中,就像任何其他HTML元素一样,因此会影响选择器匹配.

@H_403_8@

最后一个div实际上是它的最后一个类型,即使它不是身体的最后一个孩子;您可以通过切换到：last-of-type验证这一点,它将匹配.@H_403_8@

正如评论中所提到的,Stack Snippets也是这样做的：@H_403_8@

@H_403_8@

div:last-child { text-decoration: underline; }
div:last-of-type { color: red; }

<body>
  <div>Red but no underline</div>
</body>

大佬总结

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

猜你在找的jQuery相关文章