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> <!...

第一个叫做后代选择器第二个叫做子选择器.

Answer 3

巴塞利“a.b“选择a中的所有b，同时”A>b“选择B型什么是独生子女a，它将不会选择b什么是孩子b什么是孩子a.

这个例子说明了不同之处：

div span{background:red}div>span{background:green}<div><span>abc</span><span>def<span>ghi</span></span></div>

背景颜色abc和德夫会是绿色的，但是盖伊会有红色的背景色。

重要：如果将规则的顺序更改为：

div>span{background:green}div span{background:red}

所有字母都会有红色背景，因为后代选择器也会选择子的。