在CSS中，是否可以在换行之前选择最后一个元素？

Question

例如，

我有一堆由侧div的侧，并且每个div有一个边界 - 右：1px的

父元素是一定的宽度，以便在某个点处，额外的div包裹到下一行。

从本质上讲，我不想在换行之前为最后一个div使用border-right。

如果这没有意义，我可以创建一个小提琴。我只想知道我可以在换行之前锁定最后一个div。 （最后一个孩子将瞄准下一行不需要的最后一个div）

Answer 1

找出当前宽度有多少列，可以是硬编码或JS，然后使用nth-child选择。

例如，如果你有每行3列，其中每一div有一类col这将是

div.col:nth-child(3n){border-right:none;} 

的第n个孩子选择可以被修改取决于然而，许多列的div每一行中秒。

Answer 2

没有办法从多行中选择最后一项，只有:last-child。

如果您的元素按列排队，则多列模块可能会对您感兴趣。它有一个与边界类似的列规则属性，但只在列之间垂直出现，而不在外边缘上出现。

http://cssdeck.com/labs/febtiiet

.container { 
    columns: 20em; 
    column-rule: 1px solid; 
} 

前缀可能需要：http://caniuse.com/#feat=multicolumn

否则，您将需要切换到放置在边框的左边为MrLister提示：

http://cssdeck.com/labs/f8qjngd4

.container { 
    overflow: hidden; 
    padding: 0; 
    border-style: none; 
} 

.child { 
    border-left: 1px solid; 
    position: relative; 
    left: -1px; 
    display: inline-block; 
    width: 20em; 
}