何时在标记名称和类或id之间放置空格

Question

我什么时候应该使用它：

header.classname

我什么时候应该使用它：

header .classname

这两者有什么区别？

Answer 1

header.classname表示您将标题定位为classname。

header .classname表示您定位的是具有类classname的html元素，该类是标题的子/后代

第一种情况：

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>

Answer 2

在以下情况下使用header.classname：您希望定位.classname元素的header。

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

我希望这能解决你的问题，这很简单。