Что такое селекторы по атрибутам в CSS?

Question

Accepted Answer

## Зачем это спрашивают

Они матчят элементы по наличию/значению HTML-атрибута.

```css
[disabled] { opacity: 0.6; }
input[type="email"] { … }
a[href^="https"] { … }   /* начинается */
a[href$=".pdf"] { … }    /* заканчивается */
a[href*="docs"] { … }    /* содержит */
[class~="btn"] { … }     /* токен в списке */
[lang|="en"] { … }       /* en или en- */
```

Полезны для UI-состояний и прогрессивного улучшения без лишних классов. Специфичность — как у класса.

## Итог

Атрибутные селекторы мощны для `[type]`, data-атрибутов и ссылок; не злоупотребляйте хрупкими `*=`.