Задать вопрос
@ayapergenov
html

Как настроить nth-last-child?

a9bf7c886eea4dfaa2e5e696c35c41af.png
Посредством псевдокласса :after создается нижний бордер у блока .col-md-4
Таких блоков всего 6. Необходимо отменить действие псевдокласса after у последних 3, 2 и 1 блока в зависимости от ширины экрана. Чтобы бордер был у всех кроме нижних блоков.
На скриншоте псевдокласс nth-last-child применяется как к блоку .col-md-4 так и псевдоклассу after.
Выложил код для наглядности и удобства сюда:
jsfiddle.net/mathetes/909bg19o

Решение такое .col-md-4:nth-last-child(-n+3):after
  • Вопрос задан
  • 2406 просмотров
1 комментарий
Подписаться 2 Оценить 1 комментарий
Решения вопроса 1
tennalian
@tennalian
:nth-last-child(1)
:nth-last-child(2)
:nth-last-child(3)
не?
Ответ написан
7 комментариев
7 комментариев
Пригласить эксперта
Ответы на вопрос 3
viktorvsk
@viktorvsk
Для начала, оформлять код как код.
После - настроить использование jsfiddle.
Ответ написан
9 комментариев
9 комментариев
knitevision1
@knitevision1
Ванька Скайуокер
Можно навесить класс, типа "block-fix" и в .block-fix {} выставить все нужные стили и для :after, и для :before, и для всего.

Я так и не понял, бордер вам не нужен, или бэграунд.
Ответ написан
5 комментариев
5 комментариев
Oogway
@Oogway
Как то странно вы делаете, из того что видно на скриншоте. Зачем вешать стили оформления на бутстраповский грид? Боюсь представить где еще может появиться этот бордер, и в зависимости от ширины экрана наверняка сменятся классы
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать сайт на React + Nest
19 апр. 2024, в 12:05
1500 руб./в час
Разработать программу в CodeSys
19 апр. 2024, в 12:00
250 руб./за проект
Сделать мобильную версию сайта Next.js/React
19 апр. 2024, в 11:54
500 руб./в час
Ещё заказы