jquery - 使用 CSS/Jquery 将样式应用于 ul 中的最后一个 li

Question

给定以下 HTML:

<ul>
   <li><div>Some content</div></li>
   <li><div>some more content</div></li>
   <li><div>final content</div></li>
</ul>

我想在每个 div 周围应用顶部边框。在最后一个 div 我想添加一个底部边框。我的目标是 IE7/8。我的顶部边框工作正常，我需要帮助获取底部边框。

我已经尝试过:

   ul > li:last-child > div
    {
        border-bottom: solid 1px black;
    }

我也尝试过使用last-type-of。

我正在寻找 CSS 解决方案和 Jquery 解决方案

Answer 1

为什么你有一个<div>里面<li> ？没有这个就完全有可能。

无论如何，这是使用 jQuery 的方法:

$('ul > li:last-child > div').css('border-bottom','1px solid black');