Мне пришлось разделить длинный файл css. Я помещал меньшие css файлы в каталог styles.
Теперь мне нужно обновить URL-адреса, чтобы перейти на один уровень с помощью нотации ../.
Нужно ли указать базовый URL-адрес для загрузки таких активов, как базовый тег в HTML, но с CSS?
Нет, нет. Я предлагаю разместить изображения CSS по крайней мере на том же уровне, что и файл CSS, так что вам не нужно идти назад по пути. Например. /css для файлов CSS и /css/images для изображений CSS. Затем вы можете последовательно использовать url('images/name.ext') для изображений CSS. Таким образом, вы можете разместить корневую папку /css практически везде, не перепутывая URL-адрес изображения.
Альтернативный способ установить базовый каталог в CSS (который кажется невозможным) - установить базовый каталог документа HTML с помощью тега <base>. Этот тег не очень известен в сообществе, но я нашел хороший учебник в Интернете:
https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399
Похоже, это абсолютно хорошее решение.
В качестве альтернативы вы можете динамически добавить класс в тег body и использовать его в селекторах для переопределения URL-адресов CSS в зависимости от того, из какого каталога вы получаете файл.