在CSS中刪除ID選擇器

Question

我一直在通過CodeSchool自學CSS，遇到了一個挑戰，這個回答對我來說沒有意義。

指示如下：“將#home作用域的錨標記重構為作用域為.home類，以便.button聲明不再需要引用home類或ID。” （無需更改HTML代碼中的任何內容。）

這是HTML來源，這是我被告知要重構的CSS：

#home a {
  color: #c09e79;
}
#home article .button {
  color: #fff;
}

正確答案是：

.home a {
  color: #c09e79;
}
article .button {
  color: #fff;
}

在HTML中，唯一引用“ home”的是作為ID，為什么可以在CSS中將其更改為一個類，而無需將HTML編輯為“ class ='home'”呢？

抱歉，如果這是常識，我似乎什么也找不到。

Answer 1

這是因為該部分已經有“ home”作為ID 和類：

<section id="home" class="content home group">

“家”是第二類。 本節包含三個類，以空格分隔。

Answer 2

HTML：

<section id="home" class="content home group">

定義了3個類：

content
home
group

您可以在屬性之間定義多個類。