css - 通用选择器 (*) 与 :last-child 的组合是否适用于所有移动浏览器？

Question

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

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

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

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

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

非常感谢！
卡尔

score 3 · Accepted Answer

在这种情况下，无需预先添加通用选择器，因为之前未指定选择器:last-child仍将允许它定位作为父级中最后一个子级的任何元素。

根据caniuse:last-child的说法，移动浏览器也很好地支持伪类。

相反，只需使用：

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

1 回答 1