.example .pp
中间用空格隔开,表示后代选择器,选择的是.example
内的.pp
。
例如:
<div class="example">
<div class="pp">被选择的元素</div>
</div>
.example.pp中间没有空格隔开,
选择的是class中同时包含example
和pp
的元素。
例如:
<div class="example pp">
被选择的元素
</div>
.example .pp
中间用空格隔开,表示后代选择器,选择的是.example
内的.pp
。
例如:
<div class="example">
<div class="pp">被选择的元素</div>
</div>
.example.pp中间没有空格隔开,
选择的是class中同时包含example
和pp
的元素。
例如:
<div class="example pp">
被选择的元素
</div>