Как стилизовать title атрибут элемента?

Question

[Артем Прохоров]

<img title="some" />
Как к нему обратится в css?

Answer 1

[Надим]

Никак, но можно создать псевдоэлемент рядом, появляющийся при наведении и уже его стилизовать:

img[title]:hover:after {
    content: attr(title);
    // ... стилизуй дальше, как хочешь
}

attr(параметр) - возвращает значение указанного в скобках атрибута.

Источник: htmlbook.ru/css/content

Comments

[Денис Минов]

Вот только у img нет псевдоэлементов.

[Надим]

Денис Минов, забавно, я об этом узнал в сейчас лет) Это конечно проблема, но вполне решаемая, достаточно изображение выводить не как img-картинку, а как div-блок с фоном.

P. S. Еще можно использовать тег picture и уже ему прописывать нужный title и вешать псевдоэлементы:
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...