如何选择元素中的最后一个元素而不管CSS中的类型？

Question

无论元素的类型如何，我都想选择最后一个嵌套元素。

示例：

<section>
    <div></div>
    <p></p>
    <div></div> <-- I want this element
</section>
<section>
    <div></div>
    <p></p>
    <a></a>     <-- I want this element
</section>
<section>
    <div></div>
    <p></p>
    <ul>        <-- I want this element
        <li></li>
    </ul>
</section>

我如何获得这些元素？ :last-child似乎没有做到这一点，:last-of.type也没有帮助，因为我必须指定我想要的元素类型。

我想要section元素的最后一个嵌套元素。

Answer 1

使用此：

section > *:last-child {
    // your custom css styles
}

<强>解释

这是有效的，因为当你使用：

>选择直系孩子

*这会选择所有元素

nth-child确保所有直系孩子都会被定位（如果您使用nth-of-type则不是这样。

Answer 2

您可以使用Drag.Automatic其中section >*:last-child是通用选择器而*是子选择器，这意味着只适用于>

的直接后代

section

section {
  color: blue
}
section > *:last-child {
  color: red
}