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