Untitled

dabblet.css

.wrapper div
{
	float: left;
	width: 20px;
	height: 20px;
	background-color: red;
}

div.asd
{
	background-color: blue;
}

div:hover
{
	background-color: green;
}

div.wrapper:hover > .asd ~div
{
	background-color: green;
}



div:hover ~ div:not(.asd)
{
	background-color: green !important;
}

div:hover ~ div.asd ~ div, div.asd:hover ~ div

{
	background-color: red !important;
}

.asd ~div:hover ~div
{
	background-color: red !important;
}

dabblet.html

<div class='wrapper'>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div class="asd"></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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