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