Anladığım kadar örnek olarak böyle birşey yapabilirsiniz ama sayfa yenileyince gitcektir bunları cerezlere kaydettirebilirsiniz
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
div{
padding: 20px;
background-color:
}
</style>
</head>
<body>
<div id="kutu1">KUTU 1</div>
<div id="kutu2">KUTU 2</div>
<div id="kutu3">KUTU 3</div>
<input type="button" id="btn1" value="TIKLA">
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#kutu1").css({"background-color":"blue"});
$("#kutu2").css({"background-color":"red"});
$("#kutu3").css({"background-color":"orange"});
$("body").css({"background-color":"aqua"});
});
});
</script>
</body>