с использованием SVGS в качестве псевдооэлементного содержимо псевдо-элементы, такие как :: до и :: после. Однако были ограничения на то, какой контент может быть включен.

можно использовать в качестве псевдо-элемента как содержание для псевдо-элементов.

Как использовать SVGS в качестве псевдоэлементного контента

.

с использованием url:

#test :: перед { Контент: URL (Path/TO/you.svg); / * ... другие стили */ }

1. встраивание SVG в CSS:

#test::before {
  content: url(path/to/your.svg);
  /* ... other styles */
}

#test :: перед { Содержимое: url ("data: image/svg xml,

пример html:

#test::before {
  content: url("data:image/svg xml,

Заключение:

использование SVGS в качестве псевдоэлемента обеспечивает гибкость и допускает более визуально привлекательные элементы путем включения векторной графики.

]