css - 我如何仅使用 css 选择此列表中的最后一个 li

标签 css css-selectors

<分区>

我在每个循环的不同 li 循环中有一个代码生成段。是否可以仅使用 css 选择每个循环的最后 li?

       <span class="card-title">November 19, 2015</span>
        <div class="cardseparator1"></div>
        <li>User FFDev has added 2 tasks</li>
        <li>User FFDev has added 3 forms</li>
        <li>User FFDev has added 1 users</li>
       <span class="card-title">November 18, 2015</span>
        <div class="cardseparator1"></div>
        <li>User FFDev has added 10 tasks</li>
        <li>User FFDev has added 8 forms</li>
        <li>User FFDev has added 4 assets to asset management</li>
        <li>User FFDev has added 4 users</li>
        <li>User null has updated 2 tasks</li>
        <li>User FFDev has updated 2 tasks</li>
        <li>User FFDev has updated 3 forms</li>
       <span class="card-title">November 17, 2015</span>
        <div class="cardseparator1"></div>
        <li>User FFDev has added 1 tasks</li>
        <li>User FFDev has added 3 forms</li>
        <li>User FFDev has added 1 users</li>
        <li>User FFDev has updated 2 assets to asset management</li>
       <span class="card-title">November 16, 2015</span>
        <div class="cardseparator1"></div>
        <li>User FFDev has added 1 tasks</li>
        <li>User FFDev has added 2 users</li>
       <span class="card-title">November 12, 2015</span>
        <div class="cardseparator1"></div>
        <li>User FFDev has added 1 geofence settings</li>

最佳答案

.cardseparator1 li:last-of-type { ... }

使用 last-of-type - 还有 first-of-type 等等,例如第 n 个类型

关于css - 我如何仅使用 css 选择此列表中的最后一个 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34016727/

上一篇:jquery - 透明模糊背景

下一篇:javascript - 通过动态路径时出现问题

相关文章:

css - :focus:required:invalid:focus and :focus:required:invalid?有什么区别

html - Materialize css 图标不显示在 Safari 浏览器中

javascript - 如何在 flex 容器中的每个元素上覆盖文本+图像?

html - 嵌套下拉菜单错误

HTML:删除 a:hover for images?

css - 可以删除语义 css 中的 .ui 类吗?

css - 是否可以在 Wordpress 中使 *portrait* <video> 标签响应?

javascript - IE 中的框阴影与 Chrome 中的不同

css - 我可以选择一个不是紧接在另一个元素之后的元素吗? :not(. foo + .bar)?

jQuery 选择器 - 其中项目没有特定类别的子项