.hotdog p.mustard {
background: yellow;
}
我说的是p和芥末之间的点
这是类选择器，它用类mustard选择每个p元素。 在本例中，只有当它们是具有hotdog类的元素的后代时，它才会选择它们。
null
.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>