veran yo tengo mi template asi. mediante stripe conecto con fetch y accedo a una lista de datos como productos y precios y los genero dentro de ese template. hasta ahi todo bien el problema es que cuando intento agregar un css no lo carga dentro del template
<section id="Payment" class="Payments"></section>
<template id="Website-static">
<figure id="FH" class="Web">
<img>
<figcaption class="fig-caption-Name"></figcaption>
<figcaption class="fig-caption-Price"></figcaption>
</figure>
</template>
el ejemplo que que puse aqui que le aplica un border después de hacer click a las cartas es lo que quiero hacer dentro del template pero no me agarra... ¿me preguntaba el porque no agarra?
$('.test').on('click',function(){
$('.test').removeClass('show-border');
$(this).addClass('show-border');
});
.test{
background-color: red;
width:100px;
height:40px;
margin:12px;
cursor:pointer;
}
.show-border{border:5px solid green;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1> lo que intento es algo asi</h1>
<div class="test"> </div>
<div class="test"> </div>