何时在标签名称和类或 ID 之间放置空格 [重复]答案

【问题标题】：When to put space between a tag name and a class or id [duplicate]何时在标签名称和类或 ID 之间放置空格 [重复]
【发布时间】：2017-01-12 10:10:13
【问题描述】：

我什么时候应该使用这个：

header.classname

我什么时候应该使用这个：

header .classname

这两者有什么区别？

【问题讨论】：

尽管在这里发布这个问题没有任何问题，但我还是建议您遵循 CSS 入门教程。它会让你了解基础知识，大多数教程也会教你这样的东西。我听说过关于codecademy.com 的好消息，但你也可以试试csstutorial.net，或者臭名昭著的w3schools css 教程。或者在谷歌上找到一个你想要的任何语言和风格的。（明白了，风格？）
不同之处在于文档所说的内容。

标签： css

【解决方案1】：

header.classname 表示您的目标标头类为classname。

header .classname 表示您的目标是具有类 classname 的 html 元素，它是 header 的子/后代

第一种情况：

header.hclassname {
  background: turquoise;
}

<header class="hclassname">
  Lorem Ipsum
  <div class="divclassname">Dolor</div>
  Sit Amet
</header>

第二种情况

header .divclassname {
  background: skyblue;
}

<header class="hclassname">
  Lorem Ipsum
  <div class="divclassname">Dolor</div>
  Sit Amet
</header>

【讨论】：

【解决方案2】：

在以下情况下使用header.classname：您想要定位.classname，即header 元素。

在以下情况下使用header .classname：您想要定位header 元素的.classname 后代。

我希望这能解决您的问题，它尽可能简单。

【讨论】：