Как «связать» элементы с помощью css?

У меня есть календарь и он "связывается" при выборе с соседними элементами.
5fcb72a655676659794249.png
Я просто добавляю before каждому элементу кроме первого
.selected-between, .selected-last {
			&:before {
				content: "";
				width: 20px;
				height: 100%;
				position: absolute;
				background: red;
    			        left: -20px;
			}
		}

Только проблема в том что этот псевдоэлемент может выйти за пределы календаря, как решить данную проблему? Спасибо
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 1
Blackwh1te
@Blackwh1te
Можно использовать псевдокласс nth-child для элемента "дня" (item) и скрывать selected-between:before у каждого понедельника.

item:nth-child(7n + 1) .selected-between:before {
display: none;
}

Ответ мог бы быть более конкретным, если бы видел HTML-структуру календаря.
Ответ написан
Ваш ответ на вопрос

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

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