为什么有时候用:last-child不起作用

el:last-child 匹配规则：
第一步：查找el选择器匹配元素的所有同级元素
第二步：查找同级元素中最后一个元素
第三步：检验最后一个元素是否和el匹配

html：
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>

css:
.list:last-child:{border-bottom:0}

如果是这么写，肯定是无效的，要用一个div把这5个p包裹起来，形成闭合区间

html：
<div>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
<p class="list">aaaaa</p>
</div>
css:
.list:last-child:{border-bottom:0}