Как убрать картинку (стрелку) с последнего блока?

Question

[RushV]

Здравствуйте!
Как убрать картинку с последнего блока css или js использовать?

<div class="col-12 col-md-6 col-lg-auto">
                       <div class="work pe-5">
                           <img src="/assets/image/tpl/1-1.jpg" class="rounded-circle" alt="Как мы работаем Раст-Т">
                           <div class="work-text pt-3">
                               <p class="m-0">Оставьте заявку</p>
                           </div>
                       </div>
                   </div>

Comments

[WapSter]

https://developer.mozilla.org/ru/docs/Web/CSS/:las...

[Ankhena]

Вариант получше, чем в ответе, это не задавать стрелку последнему блоку.

.item:not(:last-child){ваши стили}

Т.е. вместо того, что развлекать браузер тем, что вы сначала задали свойство, а потом переопределяете, обычно логичнее задавать его только тем элементам, которым это свойство нужно.

Но в любом случае нужно помнить про специфичность селекторов при переопределениях.

[RushV]

Ankhena, Вот так почему то не работает

.work:not(:last-child)::before {
    content:'';
    position: absolute;
    background-image: url('/assets/image/tpl/arew.png');
    background-repeat: no-repeat;
    width: 72px;
    height: 34px;
    right: -15px;
    top: 38%;
    z-index: -1;
}

[Ankhena]

RushV, логично, work единственный потомок своего родителя, он же последний.
:not(:last-child) нужно применять к .col-
Только класс им сначала дополнительный дать, не от сетки.

[RushV]

Ankhena, а...понял спасибо!

Answer 1

[xirurgx3d]

Попробуйте использовать css

work:last-child .rounded-circle::after{
   display:none
}

Comments

[RushV]

Спасибо!