当前位置: 首页 > 面试题库 >

CSS子代与子代选择器

艾泰
2023-03-14
问题内容

我对这两个选择器有些困惑。

后代 选择器是否:

div p

选择所有pdiv它是否是一个即时descedent?因此,如果处于p另一个div之内,它将仍然被选中?

然后是 选择器:

div > p

有什么不同?一个孩子意味着 直系 孩子吗?例如。

<div><p>

<div><div><p>

是否都会被选中?


问题答案:

只要想一想英语中的“孩子”和“后代”是什么意思:

  • 我的女儿既是我的孩子,又是我的后代
  • 我的孙女不是我的孩子,但她是我的后代。


 类似资料:
  • 子选择器(E > F),就是只选择元素的直接后代(即子元素),而不选择其它后代的选择器。这就是子选择器与后代选择器的区别。子选择器中,> 两侧的空白符是可选的。 在上一节导航菜单的例子中,假如我们希望第一级列表项的链接文本的字体加粗显示。因为第一级列表项是 ul 的子元素,这时,就可以使用子选择器来实现。如: ul > li a { font-weight: bold;}

  • 问题内容: 检查以下代码: 我想匹配所有属于而不是的子元素。这意味着上面的代码不应使AQUI字变为红色,但无论如何它都会变为红色。我究竟做错了什么? 问题答案: 在将匹配没有任何类股利,你有很多他们之间和那为什么文本是红色的。要执行您想要的操作,您需要考虑两个选择器

  • 问题内容: 我一直在使用伪类来设置样式,而无需使用第二个不必要的声明来覆盖它来撤消第一个声明,但是现在我遇到了一个奇怪的行为,其中Safari接受了内的后代选择器,但Chrome却没有。 我用过类似的东西。 我搜索了答案,但我仍然不完全了解原因。 规范确实允许后代选择器吗? 这是一个演示: 问题答案: 在选择器级别3中,答案为否。该表示法仅接受 简单的选择器 。 6.6.7。 否定伪类 否定伪类,

  • 问题内容: 我有以下HTML 以及以下样式: 由于某种原因,我不了解该样式已应用于 “子内容1” 和 “标题” 。 我认为样式上的选择器仅适用于div的第一个直接子类,该子类具有“ section”类。如何更改选择器以获得我想要的? 问题答案: 您所发布的字面意思是“查找分区div内且是其父级的第一个孩子的所有div。” 该子项包含一个与该描述匹配的标签。 我不清楚您是否要同时兼任主要div的两个

  • 问题内容: 我正在使用Google Places API搜索附近的地方。但是,我只想要特定类型的地方。当我仅指定一种类型时,代码(如下所示)有效,但是当我添加第二种代码时,我的代码运行并迅速在此行上给我一个EXC_BAD_INSTRUCTION(code = EXC_I386_INVOP,subcode = 0x0)错误: `session.dataTaskWithURL(url!, comple

  • 本文向大家介绍相邻兄弟选择器、后代选择器和子选择器三者有什么区别?相关面试题,主要包含被问及相邻兄弟选择器、后代选择器和子选择器三者有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 后代选择器与子选择的关系:后代选择器>子选择器。 后代选择器:包括父元素的子元素以及孙子元素(代表符号:空格) 子选择器:包括父元素的子元素(仅仅是子元素)(代表符号:>) 相邻兄弟选择器与后续兄弟选择的关系:后