改怎么才能区分这个子代选择器和后代选择器，子代选择器的一些具体差别。 求解答！

为什么会这样啊？
我可以理解66666666666667777777那边是因为子代选择器，那为什么下面的999999000001111100000不执行子代选择器了吗？

img

img

子代选择器 body >span 表示body标签下的直接span标签(所谓的“父子”关系)，如果body标签下的div标签内还有span标签，那么这个span标签不起样式作用
后代选择器 body span 表示为标签body下所有span标签设置样式

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以看下这个问题的回答https://ask.csdn.net/questions/7635208
  • 这篇博客也不错, 你可以看下禅道接入钉钉工作通知与钉钉群机器人二次开发代码详解
  • 除此之外, 这篇博客: 【基础知识】如何在浏览器中查找元素属性节点中的 代码实例： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SpanTest</title>
</head>
<body>
<span></span>
<span name="rend"></span>
</body>
</html>

    可以看到代码中有两个span标签，第二个span中有属性节点name。

     

  • 您还可以看一下 李月喜老师的企业微信自建代开发应用开发篇课程中的 创建代开发模板处理回调并提交审核上线小节, 巩固相关知识点
  • 以下回答来自chatgpt:

    子代选择器和后代选择器的区别在于选择器之间的关系。

    子代选择器（>）表示选择器之间是父子关系，只会选择直接子元素，不会选择孙子元素及更深层级的元素。例如，.parent > .child表示选择所有class为parent的元素下的直接子元素，且这些直接子元素需要具有class为child的属性。

    后代选择器（空格）表示选择器之间是祖先孙子关系，会选择所有符合条件的后代元素，包括直接子元素、间接子元素、孙子元素等。例如，.parent .child表示选择所有class为parent的元素下的子孙元素，不限制层级深度。

    下面的999999000001111100000不执行子代选择器是因为它是一个字符串，不属于HTML或CSS的语法。子代选择器需要在HTML或CSS中使用，才能实现对具体元素的选择。

    如果你想要实现子代选择器，请提供具体的HTML或CSS代码，我可以帮你分析和解决该问题。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

你想表达什么？