CSS Child vs Descendant 选择器 [英] CSS Child vs Descendant selectors

问题描述

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

I am a bit confused between these 2 selectors.

descendent 选择器是否:

div p

选择 div 中的所有 p 是否是直接后裔?所以如果 p 在另一个 div 里面它仍然会被选中?

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?

然后是 child 选择器:

div > p

有什么区别?孩子是指直接的孩子吗?例如.

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

<div><p>

对

<div><div><p>

是否都被选中?

推荐答案

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

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

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

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