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>
结果: