@SANTA2112

Как сверстать такое, не меняя структуры?

Всем привет, дали знакомому тестовое задание. Сверстать 2 блока не меняя структуры html. Мне самому стало интересно, и я зашел в тупик...
Структура должна быть такой:
<div class="status"></div>
<div class="status" data-count="5"></div>

На выходе должно получится вот так (см. ниже)
5ca4eca1ecc24346930543.png

То что получилось у меня
jsfiddle

Как избавиться от красной точки при отсутствии data-атрибута?
  • Вопрос задан
  • 903 просмотра
Решения вопроса 3
yarkov
@yarkov
Помог ответ? Отметь решением.
.status[data-count]::after
Ответ написан
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Data-атрибуты -- тоже CSS-селекторы.

Ответ написан
Krauzer
@Krauzer
Веб-разработчик
Я сделал с помощью флексов:

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы