以下多个选择器代码中的点是什么意思[重复]

【问题标题】：What does the dot mean in the following multiple selector code [duplicate]以下多个选择器代码中的点是什么意思[重复]
【发布时间】：2017-10-14 16:41:08
【问题描述】：

.hotdog p.mustard {
  background: yellow;
}

我说的是p和芥末之间的点

【问题讨论】：

标签： html css

【解决方案1】：

这就是类选择器，它选择每个类mustard 的p 元素。在这种情况下，它只会选择那些是 hotdog 类元素的后代的那些。

【讨论】：

【解决方案2】：

.hotdog {
  background: orange;
  padding: 10px;
}
.hotdog.chilli {
  background: brown;
}
.hotdog .ketchup {
  background: red;
}
.hotdog p.mustard {
  background: yellow;
}

<div class="hotdog">
  hot diggidy dog
  <p class="ketchup">ketchup</p>
  <p class="mustard">mustard</p>
</div>

<div class="hotdog chilli">
  chilli dog??
</div>

【讨论】：