CSS 中 .a.b样式

CSS样式丰富，小程序测试一下，可看出区别：

.a,.b{
  color: red;
  background-color: green;
}
.a.b{
  color: black;
  background-color: #fff;
}
.a .b{
  color: blue;
  background-color: green;
}
.a {
  color: #fff;
  background-color: red;
}
.b{
  color: red;
  background-color: black;
}

HTML：

<div class="pdiv">
    <div class="div">
        <div class="a b">
            你好
            <div class="a b">你好</div>
        </div>

        <div class="a">
            你好
            <div class="b">你好</div>
        </div>

        <div class="a">
            你好
        </div>

        <div class="b">
            你好
        </div>
    </div>
</div>

结果：