Son 5 Resmi Seçmek
Merhabalar. Ne Yaptımsa başaramadım. Ben istiyorum ki son 5 resmin alt borderı olmasın. Yardımcı olursanız sevinirim. şimdiden teşekkürler.
.referanslar img {
border-top: none !important;
border-left: none !important;
border: 1px solid #ddd;
}
.referanslar img:hangi sözde seçici gelmeli? {
border-left: none !important;
}
<!-- REFERANSLAR -->
<div class="referanslar">
<div class="container-fluid">
<div class="row">
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/01.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/02.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/03.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/04.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/05.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/06.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/07.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/08.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/09.jpg" />
<img class="col-6 col-sm-6 col-md-2 col-lg-2 img-fluid" alt="" src="images/10.jpg" />
</div>
</div>
</div>
css de :nth-last-child()
sözde sınıfı ile şöyle yapabilirsin;
.row img:nth-last-child(-n+5) {
border-bottom: none;
}