Как сбросить CSS с помощью jQuery?

Question

Я хочу, чтобы иметь возможность создать поле ввода, где вы можете ввести CSS и иметь это входное значение, и только это входное значение будет применено к странице.

Вы можете применить любое количество входных значений к странице и каждый раз, когда она сбросит предыдущий.

Вот что я пытался, и он работает, за исключением части, где я пытаюсь перезагрузить css, поэтому я прокомментировал эту строку (.remove).

$('input').on('change', function(){ 
 

 
//$('style')[1].remove(); 
 
var input = $('input').val(); 
 

 
var style = $('<style>span'+ input +'{background:yellow }</style>') 
 
$('html > head').append(style); 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input value=":nth-child(3)"> 
 
<span>1</span> 
 
<span>2</span> 
 
<span>3</span> 
 
<span>4</span> 
 
<span>5</span> 
 
<span>6</span> 
 
<span>7</span> 
 
<span>8</span> 
 
<span>9</span> 
 
<span>10</span>