Czy w CSS można wybrać ostatni element przed zawinięciem?

Question

Na przykład

Mam kilka stronie div obok siebie, a każda strefa ma border-right: 1px

Elementem dominującym jest pewna szerokość więc w pewnym momencie, dodatkowych div zawijany do następnej linii.

W gruncie rzeczy NIE chcę obramowania prawej strony dla ostatniego elementu div przed zawijaniem.

Jeśli to nie ma sensu, mogę utworzyć skrzypce. Po prostu chcę wiedzieć, czy mogę skierować ostatni div przed wrapem. (ostatnie dziecko będzie celować w ostatni element div, który jest w następnym wierszu, który nie jest potrzebny).

Answer 1

Sprawdź, ile kolumn otrzymujesz z bieżącą szerokością, na stałe lub z JS, a następnie użyj nth-child selektor.

Na przykład, jeśli masz 3 kolumny w rzędzie z każdej div posiadającego klasę col byłoby

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

Selektor nth-child może być modyfikowana w zależności jednak wiele kolumn w każdym wierszu div s.

Answer 2

Nie ma możliwości wybrania ostatniego elementu z wielu linii, a jedynie :last-child.

Jeśli twoje elementy są ustawione w kolumnach, moduł wielokolumnowy może Cię zainteresować. Ma właściwość kolumny, która jest podobna do obramowania, ale pojawia się tylko w pionie między kolumnami, nigdy na zewnętrznych krawędziach.

http://cssdeck.com/labs/febtiiet

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

Prefiksy mogą być wymagane: http://caniuse.com/#feat=multicolumn

W przeciwnym razie trzeba będzie przełączyć się na umieszczenie granicę na lewym jak MrLister proponuje:

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; 
}