Веб разработка куки

Один из способов решения этой задачи — использование localStorage. Это API браузера, которое позволяет хранить небольшие объёмы данных на стороне клиента. Вы можете записывать в localStorage информацию об изменениях в CSS, а затем при загрузке страницы проверять эту информацию и применять соответствующие стили.

Вот пример использования localStorage:

// Записываем информацию о том, что были изменения в CSS
localStorage.setItem('cssHasChanges', 'true');

// Проверяем, была ли информация об изменениях в localStorage
const hasCSSChanges = JSON.parse(localStorage.getItem('cssHasChanges'));

if (hasCSSChanges) {
// Применяем новые стили
document.body.style .backgroundColor = 'red';

// Удаляем информацию об изменениях из localStorage, чтобы она не сохранялась между сессиями
localStorage.removeItem('cssHasChanges');
} else {
// Применяем стили, которые были сохранены в localStorage (если такие были)
const customCss = localStorage.getItem('customCss');
if (customCss) {
document.body.style .cssText = customCss;
}
}

чо?

А теперь по русски

Ничего не понятно, но может использовать событие load :

documen.addEventListener('load', ()=>{
// здесь создать необходимые стили
}