@MRcracker

Как убрать бордер у блока?

Есть 6 блоков. У них следующий css код
<div class="col-md">
                    <a href="#" class="services-item">
                                <img class="img-fluid" src="img/ico.svg">
                            <div class="text">
                                текст
                            </div>
                        </a>
                    </div>


.item{
		padding: 25px 25px
		display: block
		border-right: 1px solid darken($gray, 5%)
		border-bottom: 1px solid darken($gray, 5%)
		height: 100%
}


Как сделать, чтобы у 3 блока и 6 пропадали рамки?
  • Вопрос задан
  • 7756 просмотров
Решения вопроса 1
vadimkot
@vadimkot Куратор тега CSS
.item:nth-child(3n) {
  border: none;
}

codepen

с бутстрап обертками:
.col-md:nth-child(3n) .services-item{
  border: none;
}

codepen
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Morpheus_God
@Morpheus_God
nth-child свойство посмотрите.
Ответ написан
dicem
@dicem
Ну я тут слышу, что у человека не работает. Тогда вот вам самое радикальное решение:
.item:nth-child(3),
.item:nth-child(6) {
  border: none !important;
}
Ответ написан
Комментировать
@tyzberd
все применяется, только с разметкой не понятно какая у вас
https://jsfiddle.net/0ok26mju/
https://jsfiddle.net/nj29831z/
ну и это еще css.yoksel.ru/specifity
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы