Есть многострочный flex
контейнер.
Как можно задать селектор для каждого последнего элемента в строчке, в данном примере это будут элементы 2
, 4
, 7
.
Количество и размер элементов заранее не известен.
.container {
display: flex;
flex-wrap: wrap;
width: 500px;
}
.container div {
background-color: grey;
margin: 3px;
padding: 3px;
font-weight: bold;
color: white;
}
.c1 {
width: 100px;
}
.c2 {
width: 130px;
}
.c3 {
width: 300px;
}
.c4 {
width: 100px;
}
.c5 {
width: 100px;
}
.c6 {
width: 100px;
}
.c7 {
width: 100px;
}
<div class="container">
<div class="c1">1</div>
<div class="c2">2</div>
<div class="c3">3</div>
<div class="c4">4</div>
<div class="c5">5</div>
<div class="c6">6</div>
<div class="c7">7</div>
</div>