1. селектор + !important в user.css > никак не повлиять

dabblet.css

/* 
	1. селектор + !important в user.css > никак не повлиять
	2. селектор + !important в style.css
	3. селектор в style.css
	4. селектор в user.css
	5. селектор в browser.css > reset.css
*/

/* 
	уберем дефолты браузера для списка
*/
ul
{
	margin: 0;
	padding: 0;

	list-style: none;
}
/* 
	в рамках style.css, при селекторе одинакового веса,
	побеждает тот, что ниже
*/
.first
{
	color: green;
}

.item
{
	color: red;
}
/* 
	Мощь переопределения и дополнения:
	все заголовки серые, но заголвок 
	при условиях "черный и имеет отступ"
*/

dabblet.html

<ul id="list">
	<li class="item first">first item</li>
	<li>second item</li>	
	<li><span>span + item</span></li>	
	<li><span>span + item</span></li>	
</ul>

settings.json

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