.main .content 中间用空格隔开,表示后代选择器,选择的是.main元素内包含pp的元素。
例如:
<div class="main">
<div class="content">被选择的元素</div>
</div>
.main.content 中间没有空格,便是选择的是class中同时包含main和content的元素。
例如:
<div class="main content">
被选择的元素
</div>
2021-08-19 11:36:56
.main .content 中间用空格隔开,表示后代选择器,选择的是.main元素内包含pp的元素。
例如:
<div class="main">
<div class="content">被选择的元素</div>
</div>
.main.content 中间没有空格,便是选择的是class中同时包含main和content的元素。
例如:
<div class="main content">
被选择的元素
</div>