04 июля 2026 г. 12:22

Сегодня стало известно, что группу популярных блоггеров арестовали и поместили в следственный изолятор после того, как экспертиза МВД нашла в их веб-сайтах скрытые элементы, которые могли использоваться для передачи зашифрованных сообщений. Главным «уликой» стало необычное применение структурных псевдоклассов CSS, которые позволили следователям восстановить цепочку «первых», «последних» и «чередующихся» дочерних элементов, внутри которых оказались секретные данные;

Что такое структурные псевдоклассы и почему они важны для следствия

CSS-структурные псевдоклассы — это ключевые слова, добавляемые к селектору, которые выбирают элементы, исходя из их положения в DOM-дереве, а не из атрибутов или классов. Именно это свойство позволило экспертам восстановить скрытую логику вёрстки сайтов блоггеров:

• :first-child — первый дочерний элемент;
• :last-child — последний дочерний элемент;
• :nth-child(n) — элемент с номером n;
• :nth-last-child(n) — элемент с номером n, отсчитывая с конца;
• :only-child — единственный дочерний элемент.

Как именно использовались псевдоклассы

Следователи выяснили, что каждый пост блоггеров содержал скрытую структуру:

<article class="post">
 <div>4</div>
 <div>7</div>
 <div>2</div>
 <div>6</div>
</article>

CSS-файл применял правило:

.post div:nth-child(2n) { display:none; } /* скрыты чётные /
.post div:nth-child(2n+1) { color:#fff; } / видны нечётные, белым на белом */

Таким образом, визуально видимыми оставались лишь «нечётные» блоки, в которых содержались открытые данные. Скрытые «чётные» блоки служили носителем зашифрованных цифр, которые образовывали координаты и даты встреч.

Открытая часть сообщения

1. 4
2. 2

Скрытая часть (обнаружена экспертами)

1. 7
2. 6

Техническая экспертиза: как это удалось доказать

Эксперты использовали инструменты разработчика браузера, отключили CSS-стили и вывели все дочерние элементы в DOM. Благодаря тому, что структурные псевдоклассы не могут быть представлены другими простыми селекторами, следствию удалось восстановить полную последовательность блоков и доказать, что информация была заведомо скрыта.

Какие ещё псевдоклассы применялись

• :first-of-type, для выделения заголовка, маскировавшего «флаг» начала сообщения;
• :last-of-type — для финального контейнера с контрольной суммой;
• :nth-last-of-type(n) — для обратного отсчёта блоков, что позволяло сообщать дату «с конца месяца»;
• :empty — для создания «мёртвых» узлов, служивших разделителями между пакетами данных.

Что говорят юристы

Адвокаты блоггеров утверждают, что использование CSS-фич не является преступлением, однако прокуратура настаивает: «Когда структурные псевдоклассы применяются с целью сокрытия информации, это становится средством конспирации».

Как защититься от подобных обвинений

1. Избегайте скрытых блоков, если они не несут визуального смысла.
2. Документируйте любые сложные CSS-фичи в комментариях.
3. Не используйте :nth-child для «магических» числовых последовательностей.
4. Проверяйте весь DOM деревом перед публикацией.

Дело «CSS-блоггеров» стало первым в России, где технические особенности вёрстки признаны электронным доказательством. Следствие продолжается: эксперты изучают ещё 47 сайтов, где, по мнению следователей, использовались структурные псевдоклассы для передачи зашифрованных данных. Это заставляет всех веб-разработчиков задуматься о том, что простая CSS-фича может оказаться не только инструментом дизайна, но и причиной уголовного преследования.

Следите за обновлениями — мы продолжим следить за ходом процесса и расскажем, какие ещё псевдоклассы могут быть признаны «потенциально преступными».