如何选择css中的最后一个div

我有以下html代码：

<div id="mydiv">
    [other divs]
    <div data-day="1">content</div>
    [other divs with data-day attribute]
    <div data-day="random">content</div>
    [other divs]
</div>

我试过了，但没用。

你的问题没有真正的css唯一解决方案。我想，用Javascript你可以做到这一点

• 最后一个子元素

  不起作用，因为它只对其父元素的最后一个元素起作用。
  在您的例子中：仅当它是最后一个元素，后面没有其他元素时

• 类型的最后一个

  不起作用，因为它只按类型选择，而不按属性或类选择

解决方法：

手动将具有特定属性的类添加到最后一个元素：

<div id="mydiv">
    <div></div>
    <div data-day="1">content</div>
    <div></div>
    <div data-day="random" class="last-data-day">content</div>
    <div></div>
</div>

内容
内容

我在谷歌上快速搜索了一下，发现以下链接很有用：

答案是：

：仅当所讨论的元素是容器的最后一个子元素，而不是特定类型元素的最后一个子元素时，最后一个子元素才起作用。为此，您需要
：类型的最后一个

：最后一个类型的
在这里不起作用，因为它们都是同一类型（div）。^i同意。似乎
类型
仅限于
元素
类型，而不是子选择器。用那把小提琴的快速叉子很容易就能准确地显示出这一点
last of type
只适用于类型，而不适用于类、属性等。是的，我怀疑，但我想知道我是否只能使用CSS、无JS或唯一类/id。如果有：last选择器就好了，就像在JQuery中一样。如果你知道数据日的值，那么#mydiv[data day=“random”]；else[数据日]：最后一个子项{css；}适用于css3浏览器
<div id="mydiv">
    <div></div>
    <div data-day="1">content</div>
    <div></div>
    <div data-day="random" class="last-data-day">content</div>
    <div></div>
</div>