CSS теперь умеет сравнивать значения прямо в стилях: запись вроде 10 <= --x <= 12 — это рабочий код, а не псевдоязык. ➿➿➿➿➿➿➿➿➿➿ В свежем выпуске «CSS Боль» разбираем range syntax в стилевых запросах и смотрим, как с его помощью подсветить диапазон дат в календаре на чистом CSS. По пути становится понятно, почему :nth-child(of S) в этой задаче быстро упирается в свои ограничения, а реактивный CSS с переменными и range syntax даёт более прямое и прозрачное решение. В выпуске: ✓ Как работает range syntax и откуда берётся запись 10 <= --x <= 12 в стилях ✓ Почему :nth-child(of S) не подходит для подсветки диапазона дат в календаре ✓ Как связать custom properties, CSS-математику и условия в стилевых запросах ✓ Пример полностью рабочей подсветки диапазона на чистом CSS, без JavaScript 🐭 Смотреть на YouTube 🐹 Смотреть в VK