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

Question

[Артур Галяев]

У меня есть календарь и он "связывается" при выборе с соседними элементами.

Я просто добавляю before каждому элементу кроме первого

.selected-between, .selected-last {
			&:before {
				content: "";
				width: 20px;
				height: 100%;
				position: absolute;
				background: red;
    			        left: -20px;
			}
		}

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

Comments

[Ankhena]

Как вариант, задать overflow обертке дней.

Answer 1

[Aleksander]

Можно использовать псевдокласс nth-child для элемента "дня" (item) и скрывать selected-between:before у каждого понедельника.

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

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