Ошибка заключается в том, что в CSS нет тега "selection". Это означает, что вы пытаетесь применить стиль к несуществующему элементу.
Тег "div" является стандартным элементом в HTML и может содержать любое содержимое. Поэтому, когда вы применяете стиль background-image к тегу div с селектором, это работает.
Однако, отображение выделенного текста в HTML контенте управляется через псевдоэлемент "::selection", а не через тег "selection". Псевдоэлементы используются для стилизации определенных частей элемента.
Чтобы применить стиль к выделенному тексту, вы должны использовать селектор "::selection" вместо тега "selection". Например:
::selection {
background-image: url('путь_к_изображению');
}
Кроме того, обратите внимание, что не все свойства и значения CSS могут применяться к псевдоэлементу "::selection". В большинстве браузеров вы можете изменить только цвет фона и цвет текста в выделенном тексте.
В итоге, чтобы применить стиль background-image к выделенному тексту, вам нужно использовать селектор "::selection" вместо неправильного тега "selection". Не забудьте указать путь к изображению в свойстве background-image.