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(){
   $("span").closest(".one").css({"color": "maroon", "border": "5px solid RED"});
});
</script>

HTML-koodaukset:

<ul>
  <li>1. li-elementti </li> 
  <li>2. li-elementti, <span>1. span </span> <span class="one">2. span väri ja viiva.</span>  </li>
  <li>3. li- elementti </li> 
</ul>