Селекторы по атрибуту: [data-state] в UI-kit
![Селекторы по атрибуту: [data-state] в UI-kit](https://pusk-media.ru/blog/attribute-selector-data-css-cover.png)
.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.
