CSS儿童与后代选择器

Question

CSS儿童与后代选择器

我有点困惑于这两个选择器。

是否后人选择器：

div p

选择全部p在div是否是直接下降？所以如果p在另一个里面div还会被选中吗？

然后儿童选择器：

div > p

有什么区别？孩子意味着立即孩子？例如。

<div><p>

VS

<div><div><p>

是否都会被选中？

Answer 1

想想“儿童”和“后代”在英语中的含义：我的女儿既是我的孩子，也是我的后代。我的孙女不是我的孩子，但她是我的后代。

Answer 2

是的，你是对的。div p将匹配以下示例，但是div > p不会的。<div><table><tr><td><p>&nbsp;<!...第一个叫做后代选择器第二个叫做子选择器.

Answer 3

巴塞利“a.b“选择a中的所有b，同时”A>b“选择B型什么是独生子女a，它将不会选择b什么是孩子b什么是孩子a.这个例子说明了不同之处：div&nbsp;span{background:red}div>span{background:green}<div><span>abc</span><span>def<span>ghi</span></span></div>背景颜色abc和德夫会是绿色的，但是盖伊会有红色的背景色。重要：如果将规则的顺序更改为：div>span{background:green}div&nbsp;span{background:red}所有字母都会有红色背景，因为后代选择器也会选择子的。