CSSのflex-wrapで1列目の要素のみを選択する方法は?
flex-wrap
で複数の行ができた時、それぞれの行の1列目の要素を選択したいのですが、どのような方法がありますか?
できれば擬似クラス(pseudo-class)があると良いのですが、無さそうだったので。
以下のサンプルではaとcにのみスタイルを適用したいと考えてます。
#outer {
display: flex;
flex-wrap: wrap;
width: 29px;
border: 1px solid black;
}
#outer div {
width: 10px;
border: 1px solid gray;
}
<div id='outer'>
<div>a</div>
<div>b</div>
<div>c</div>
<div>d</div>
</div>