по состоянию checked включать/выключать

dabblet.css

/*
	по состоянию checked включать/выключать 
	соответствующие элементы
	
	http://clck.ru/d/Jxj_mgDC143fZ
*/
label:nth-of-type(3):after
{
	display: block;
	content: 'asdf'
}
input
{
	display: none;
}

#red:checked ~ .red
{
	adisplay: none;
}

dabblet.html

<form>
	<div>
		<input type="checkbox" id="red">
		<input type="checkbox" id="green">
		<input type="checkbox" id="blue">

		<label for="red">красные</label>
		<label for="green">зеленые</label>
		<label for="blue">синие</label>
	
		<span class="red">красные</span>
		<span class="green">зеленые</span>
		<span class="green">зеленые</span>
		<span class="red">красные</span>
		<span class="blue">синие</span>
		<span class="green">зеленые</span>
		<span class="red">красные</span>
		<span class="blue">синие</span>	
		<span class="red">красные</span>
		<span class="green">зеленые</span>				
		<span class="blue">синие</span>	
	</div>
	
	</form>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}