Html 组合选择器时，空格是否与无空格的含义相同？

在CSS中，选择器与空格的组合方式

但在我读到的另一个答案中，类似的语法意味着在一个标记中重合选定的标记

---

CSS解析器是否真的区分了空格和无空格，或者这是两种情况下都适用的相同语法？

CSS选择器中的空格，如：

.foo .bar {...

表示一个。例如，这将以类为“bar”的内部div为目标

<div class="foo">foo
    <div class="bar">bar</div>
</div>

在本例中，它将以foo和bar类的div为目标：

<div class="foo">foo
    <div class="foo bar">foo and bar</div>
</div>

foo
福巴

---

是的，空格在CSS规则中很重要

#tag.flower

表示既有

id=“tag”

又有

class=“flower”

的元素，其中

#tag.flower

表示元素内部有

id=“tag”

的元素

例如：

#标记花

<div id="tag" class="flower"></div>

<div id="tag">
    <div class="flower"></div>
</div>

---

要选择

.bee

，它是

.aye

的直接后代：

.aye>.bee{…}

要选择元素

.aye

和元素

.bee

：

.Yee，.bee{…}

---

要选择

.bee

，它只是

.aye

的后代（不一定是直系后代）：

.Yee.bee{…}

要选择既为

.aye

又为

.bee

的元素，请执行以下操作：

.aye.bee{…}

---

我想你误解了这个答案，“CSS解析器真的区分了空间和无空间吗”是的。“当组合选择器时，空格和没有空格的意思相同吗？”没有。谢谢你的帮助，波阿斯-不知道哈希导致格式不稳定！没问题。还要注意backstick是如何用来格式化内联代码段的。请参阅Thx了解清理Boaz，我的英语有点多余：）

<div id="tag">
    <div class="flower"></div>
</div>