Css 这两种风格规则有什么区别？

可能重复：

那么，这里有什么区别

div a {
  /* Styles here */
}

及

---

我真的不明白。

空格

是空格，而

是空格。Child表示直接后代，degenant表示父元素子树中的某个节点，无论其深度有多深。

空格是，而
是。Child表示直接后代，Degenant表示父元素子树中某个位置的节点，无论其深度有多深。
简单地说：

div a {/*properties*/} 

这将选择给定样式并将其应用于“div”中的所有“a”元素。



“>”符号是“子组合符”：

div > a {/*properties*/}

这将仅选择div内的直接子“a”标记

例如：

css:

html:



在这里，红色将仅应用于“链接一”和“链接四”未选择“链接二”和“链接三”，因为它们嵌套在“span”元素中


与他们一起玩：

您可以在此处阅读有关CSS选择器的更多信息：
简单地说：

div a {/*properties*/} 

这将选择给定样式并将其应用于“div”中的所有“a”元素。



“>”符号是“子组合符”：

div > a {/*properties*/}

这将仅选择div内的直接子“a”标记

例如：

css:

html:



在这里，红色将仅应用于“链接一”和“链接四”未选择“链接二”和“链接三”，因为它们嵌套在“span”元素中


与他们一起玩：

您可以在此处阅读有关CSS选择器的更多信息：
您误解了第一个选择器。啊，谢谢！我错过了！下次我会更小心的您误解了第一个选择器。啊，谢谢！我错过了！下次我会更小心的更多：更多：
<div>
    <a href="#">Link One</a>
    <span>
        <a href="#">Link Two</a>
        <a href="#">Link Three</a>
    </span>
    <a href="#">Link Four</a>
</div>