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 .symbol 将选择其中的所有 .symbol 元素.element 元素，并且它们将从 .element 继承 color: black 样式。
• .element.large .symbol 将选择 .element 元素中也具有 Large 类的所有 .symbol 元素，并且它们将继承颜色：黑色和字体大小：2em 样式。

以上是CSS 类：空格与无空格 — 有什么区别？的详细内容。更多信息请关注PHP中文网其他相关文章！