css - 有什么方法可以在 block 中的多行堆栈的当前行中选择最后一个元素？

Question

例如，我有一些 <ul>带有 <li> 的元素 block 向左浮动。如果我那样调整大小，那就是 <li>元素连续放置 3 个。接下来，我调整窗口大小(例如通过鼠标)和我的 <ul>使用 <li> 获得了新的宽度现在连续放置 4 个元素。那么，如何选择 last <li>在元素堆栈的每一行中，为它们设置一些 CSS 规则(例如 margin-right)。

所以我需要知道，是否有任何 CSS 选择器或选择行为的方式在这里解释: http://jsfiddle.net/w7PDM/12/

Answer 1

你必须计算最后一个，这很简单。

$('button').click(function(){
    $('ul').css('width','200px');
    $('.current-last-of-row').removeClass('current-last-of-row');
    var itemsPerRow = Math.floor(parseInt($('ul').css('width')) / 40);
    //$('li:nth-child(4n+4)').addClass('current-last-of-row');
    for(var i=1; i < $('ul li').length; i++)
    {
        if( i % itemsPerRow == 0 )
        {
            $('li').eq(i-1).addClass('current-last-of-row');
        }
    }
    $('h1').text('Now, every 4 element is a "last-of-a-row"');
});​

查看演示:http://jsfiddle.net/jun1st/hK9aZ/1/