CSS selector specificity test

dabblet.css

/*
	CSS selector specificity test
	pass trough code and activate/deactivate comments to see it in action
*/
/* add or remove space after "*" → */
#Menu:not(#x):not(#x):after {
    content:'#Menu:not(#x):not(#x) ' !important;
}
/* equals * /
#Menu#Menu#Menu:after {
    content:'#Menu#Menu#Menu ' !important;
}
/* > */
#Menu:not(#XXX):after {
    content:'#Menu:not(#XXX) ' !important;
}
/* equals * /
#Menu#Menu:after {
    content:'#Menu#Menu ' !important;
}
/* > */
#Menu:not(.XXX):after {
    content:'#Menu:not(.XXX) ' !important;
}
/* equals * /
#Menu.some:after {
    content:'#menu.some' !important;
}
/* equals * /
#Menu[id]:after {
    content:'#Menu[id]' !important;
}
/* > */
div#Menu:after {
    content:'div#Menu' !important;
}
/* equals */
#Menu:not(XXX):after {
    content:'#Menu:not(XXX)' !important;
}
/* > */
#Menu:after {
    content:'#Menu' !important;
}
/* */

dabblet.html

<div class="some" id="Menu"></div>

dabblet.js

// alert('Hello world!');

settings.json

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