想要设置一组元素里的最后一个的样式，使用了CSS的伪类选择器:last-child，页面却没有看到设置的样式，这里需要理解:last-child的语义是这样的： <form>
<input class="item" type="text">
<input class="item" type="text">
<input class="item" type="text">
<button type="submit">提交</button>
</form>

选择器 .item:last-child 的语义是:last-child的父类的最后一个子元素，即.item:last-child选中的元素是button。
如果要选中所有.item的最后一个元素应该在所有.item元素外面再添加一层父元素：
<form>
<div>
<input class="item" type="text">
<input class="item" type="text">
<input class="item" type="text">
</div>
<button type="submit">提交</button>
</form>

这样就能选中想要的元素。
同样，:first-child也是这样的使用方式。