在CSS中，我們經常會看到一些奇怪的樣式名稱，例如：

.box{
...
}
#menu{
...
}
.header img{
...
}

這些樣式名稱前面加的“.”和“#”以及“空格”代表了不同的意義。

“.”代表選擇類，可以理解為“選擇這個頁面中所有此類元素”，例如上面的“.box”就代表了頁面中所有類名為“box”的元素都將應用此樣式。

“#”代表選擇ID，可以理解為“選擇這個頁面中ID為此值的元素”，例如上面的“#menu”就代表了頁面中id為“menu”的元素都將應用此樣式。

“空格”則代表選擇子元素，可以理解為“選擇這個元素中符合這個選擇器的子元素”，例如上面的“.header img”就代表了選擇所有在class為“header”的元素內的img元素。

通過選擇類、選擇ID以及選擇子元素，我們可以很方便地對頁面中的元素進行定位和樣式調整。