Son 5 Resmi Seçmek

mahmutx 1708 gün önce

773 defa görüntülendi

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;

}

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

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (4)

tayfunerbilen

1707 gün önce

css de :nth-last-child() sözde sınıfı ile şöyle yapabilirsin;

.row img:nth-last-child(-n+5) {
    border-bottom: none;
}

#001016

mahmutx

1707 gün önce

Referanslar gittikçe artacağından sadece son 5 referansın alt borderı 0 olsun istiyorum. bu ancak sözde sınıflarla mümkündür. öyle zannediyorum. yada manuel olarak her arttığında ben son 5 adete class eklemem gerek.

#000997

mina

1708 gün önce

Kusura bakmayın, düzenle butonu çalışmadığı içn tekrar yorum yazmam gerekti.
İsterseniz css dosyanızın içerisine .alt-border-olmasın{border-bottom:0px;} yazıp, img'nin classının içerisine alt-border-olmasın yazarak da düzenleyebilirsiniz. İsterseniz de .referanslar > .container-fluid > .row > img {border-bottom:0px;} şeklinde de düzenleme yapabilirsiniz.

#000982

mina

1708 gün önce

Merhaba, Css dosyanızda border-bottom:0px değerini verirseniz sorun çözülür diye düşünüyorum.

#000981