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>

結果：