Что же ::first-letter никак не работает?

Question

[Виолетта Морозова]

::first-letter давно не новая вещь в css. Множество инструкций по работе с ней. Но вроде бы делаю все "по букве", но не работает. https://jsfiddle.net/r2ko21L4/
По идее первый символ в теге h1 является #. И он должен быть большего размера и другого цвета.

Answer 1

[Сергей Шилов]

Он должен быть частью слова, если не ошибаюсь.

https://jsfiddle.net/r2ko21L4/8/

Comments

[Сергей Шилов]

В вашем же случае посоветовал бы обернуть решетку в span

[Виолетта Морозова]

Сергей Шилов: Спасибо! Странно это как-то.... я думала, что первый символ блока должен хвататься. "Псевдоэлемент ::first-letter определяет стиль первого символа в тексте элемента, к которому добавляется." (с) htmlbook.ru
О, может есть смысл этот символ (#) в :before к заголовку пихнуть. Мне просто нужно применить mask-image к h1. При этом стиллизануть #

[Сергей Шилов]

Виолетта Морозова: да, как вариант, через before

[Виолетта Морозова]

Сергей Шилов: Спасибо!