Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#klik").click(function(){
    $("p").offsetParent().css("background-color", "CYAN");
  });  
});
</script>

CSS-ohje:
#eka{
 border:1px solid black;
 width:70%;
 position:absolute;
 left:10px;
 top:50px;
}
#toka{
 border:1px solid black;
 margin:50px;
 background-color:yellow;
 padding:10px;
}

HTML-koodaukset:

<button id="klik"> Vaihda taustaväri </button>

<div id="eka">
 <div id="toka">
  <p>Painikkeella vaihdetaan "uloimman" div:n taustaväri.</p>
 </div>
</div>