![Изображение статьи: Селекторы по атрибуту: [data-state] в UI-kit](/_next/image?url=https%3A%2F%2Fpusk-media.ru%2Fblog%2Fattribute-selector-data-css-cover.png&w=3840&q=75)
.tabs [data-selected="true"] стилизует активную вкладку без !important на .active.
Селектор [href^="https://"] подчёркивает внешние ссылки в статьях блога — полезно для доверия.
- [Attribute selectors — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors) — Синтаксис [attr].
- [Selectors Level 4 — W3C](https://www.w3.org/TR/selectors-4/#attribute-selectors) — Спецификация.
---
## Границы
Не храните PII в data-* ради стилей — только публичное состояние UI.