CSS:aside#sidebar{…}与aside#sidebar{…}

在CSS选择器中，我不理解布局元素和id（或类）之间的空格的含义：
CSS

HTML

<aside id="sidebar">
    <h3>What We Do</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</aside>

我们所做的
Lorem ipsum dolor sit amet，是一位杰出的献身者

---

谢谢

当你放一个空格时，它是一个父/子关系，没有它，它就是元素

在这里，

aside#侧边栏

起作用意味着您的aside元素有一个id侧边栏

---

aside#sidebar

是指带有id sidebar的元素是aside元素的子元素。

您的选择器完全不同

在CSS中，参数之间的空格表示“内部”，而没有空格表示“也”

举个例子

div{
填充：1em；
边框：纯色1px蓝色；
} 
.container.foo:之前{
内容：“.container和.foo”；
}
.container.foo:之前{
内容：“.foo在任何.container内”；
}

虽然这肯定是一个重复的问题，但您需要在问题中发布HTML。否则，尽管有目前的答案，如果你在理解这个概念上有困难，我们无法比目前更好地解释它。在我的回答中，您对HTML的口头解释可能意味着几种不同的结构，因此您应该始终发布实际代码，避免口头描述代码。由于您的解释，现在我理解了这个概念，我明白了为什么您认为这是一个重复的问题。在理解这个概念之前，我认为它不是一个重复的问题，因为“空格/无空格”：-在我的问题中是在布局元素和id之间-在前面的问题中是在两个类之间。我相应地编辑了问题，并加入了HTML。我删除了对输出的口头描述。

aside #sidebar{
    float:right;
    width:30%;
    margin-top:10px;
    color:#ffffff;
}

<aside id="sidebar">
    <h3>What We Do</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</aside>