CSS 類別：空格與無空格 — 有什麼不同？

CSS 類別：帶空格與不含空格

在CSS 中，有兩種​​編寫類別選擇器的方法：有空格（ .class .class) 和不帶空格(.class.class)。每種語法都有不同的用途。

沒有空格：.class.class

此語法指示元素必須具有兩個類別才能符合選擇器。例如， .element.large .symbol 將選擇 .element 元素中也具有 Large 類別的任何 .symbol 元素。

帶空格：.class .class

此語法表示該元素必須以任意順序具有兩個類別。例如，.element .symbol 將選擇 .element 元素內的任何 .symbol 元素。但是，它也會選擇具有 .symbol 類別的任何 .element 元素，無論其在文件中的位置如何。

範例：

考慮以下CSS：

.element {
  color: black;
}

.large {
  font-size: 2em;
}

.symbol {
  font-family: monospace;
}

• .element .symbolbol 將選取其中的所有.symbol 元素.element元素，並且它們將從.element 繼承color: black 樣式。
• .element.large .symbol 將選擇 .element 元素中也具有 Large 類別的所有 .symbol 元素，並且它們將繼承顏色：黑色和字體大小：2em 樣式。

以上是CSS 類別：空格與無空格 — 有什麼不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！