CSS 子选择器与后代选择器 [英] CSS Child vs Descendant selectors

问题描述

我对这两个选择器有点困惑.

是否有后代选择器:

div p

选择 div 中的所有 p 是否是直接后代?那么如果 p 在另一个 div 中，它仍然会被选中吗?

然后是 child 选择器:

div >p

有什么区别?孩子是否意味着直接孩子?例如.

对比

两者都会被选中，还是不被选中?

解决方案

想想child"和descendant"这两个词在英语中的意思:

• 我的女儿既是我的孩子也是我的后代
• 我的孙女不是我的孩子，但她是我的后代.

I am a bit confused between these 2 selectors.

Does the descendent selector:

div p

select all p within a div whether or not it's an immediate descedent? So if the p is inside another div it will still be selected?

Then the child selector:

div > p

Whats the difference? Does a child mean immediate child? Eg.

<div><p>

vs

<div><div><p>

will both be selected, or not?

解决方案

Just think of what the words "child" and "descendant" mean in English:

• My daughter is both my child and my descendant
• My granddaughter is not my child, but she is my descendant.

这篇关于CSS 子选择器与后代选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！