Question

我有一个div容器，可能包含不同种类的子元素：

<div id="my-container">
    <p>...</p>
    <p>...</p>
    <div>...</div>
    <blockquote>...</blockquote>
    ...
</div>

我想选择容器中的最后一个元素并对其应用某些样式。但我不知道最后一个元素是p，div还是其他什么。我就是这样做的：

#my-container > *:last-child {
    /* my styles */
}

这适用于所有移动浏览器吗？（在这种情况下，我不关心桌面浏览器。）

非常感谢！
卡尔

Answer 1

在这种情况下，不需要预先设置通用选择器，因为在:last-child之前不指定选择器仍然允许它定位父级中的最后一个子元素。

根据caniuse，移动浏览器也支持:last-child伪类。

而只是使用：

#my-container > :last-child {
    /* my styles */
}