css last-c

CSS中有一个叫做last-child的伪类选择器，用于选取指定元素的最后一个子元素。对于某些布局和样式操作，这个选择器十分方便。

但是有时候我们需要选取的不是最后一个子元素，而是最后一个某种类型的子元素，这时候就需要用到last-of-type选择器。例如我们有下面这个HTML结构：

    <div>
        <p>第一行文字</p>
        <span>提示信息</span>
        <p>第二行文字</p>
        <p>第三行文字</p>
        <span>版权信息</span>
    </div>

如果我们想要给最后一个p标签添加一些样式，就可以使用last-child选择器：

    div p:last-child {
        color: red;
    }

然而这个选择器会将最后一个span标签也一并选中，因为在div中，最后一个子元素是一个span标签。

而如果我们想要选中的是最后一个p标签，就可以使用last-of-type选择器：

    div p:last-of-type {
        color: blue;
    }

这时候只有第三行文字的p标签会被选中，因为它是div中最后一个p标签。

总结一下，last-child用于选中最后一个子元素，而last-of-type则是用于选中最后一个特定类型的子元素。