CSS語法區別

Question

這兩個語句有什麼區別？

a.class { color: red; }

和

.class a { color: red; }

我認爲，與第二例人會去 「裏面」 類，如

.class .class2 a { color: orange; }

，但你不能做到這一點與第一個例子

Answer 1

a.class將選擇a具有類別.class和.class a的元素將選擇類別爲.class的元素中的所有a元素。

關於本.class .class2 a { color: orange; }

它將選擇具有其進一步嵌套在具有元素類.class

Answer 2

隨着第一元件類.class2內部ALL a元素，所有<一個>的與類的類將根據風格來設計。

第二，所有的<a>在具有類的元素的元素內將根據樣式被設置樣式。

Answer 3

a.class {color: red}將着色所有類別爲.class的錨標記。它只會影響具有該指定類別的錨定標記，因爲沒有空格分隔a和.class元素。

.class a { color: red; }會將父母內的任何定位標記着色爲紅色。元素之間的空間這次聲明瞭層次結構，要求achor標籤位於.class元素內。