css - CSSでは、ラップの前に最後の要素を選択することは可能ですか?

Question

例えば、

たくさんの div が並んでいて、各 div には border-right:1px があります

親要素は特定の幅であるため、特定の時点で余分な div が次の行に折り返されます。

本質的に、ラップの前の最後の div の境界線は必要ありません。

これが意味をなさない場合は、フィドルを作成できます。ラップの前に最後のdivをターゲットにできるか知りたいだけです。(last-child は、望ましくない次の行にある最後の div をターゲットにします。)

Answer 1

複数の行から最後の項目を選択する方法はなく、: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;
}