Настройка URL -адреса root root изображения в качестве переменной CSS и использование CSS -контента ⇐ CSS

[Anonymous]

У меня есть сайт с сотнями страниц и тысяч изображений, и нам, скорее всего, нужно изменить базовый URL с чего -то вроде site_a.com на b_site.com, не один, а три -четыре раза в следующем году. Я действительно не хочу проходить все URL -адреса изображения на всех страницах и менять их вручную больше, чем один раз. Идея будет что-то вроде этого: < /p>

Код: Выделить всё

:root {
--imgroot: url('https://imgs.xkcd.com/');
}

img {
content: var(--imgroot);
}
< /code>
Таким образом, когда мы меняем базовый URL, все, что мне нужно сделать, это изменить URL, перечисленный в разделе корня, чтобы изменить его для всех изображений на всех страницах, и тогда HTML будет просто что-то вроде: < /p>
 < /p>


Подробнее здесь: [url]https://stackoverflow.com/questions/72106228/setting-image-root-url-as-a-css-variable-and-using-css-content[/url]