конкретный размер текста на боди не имеет значения

dabblet.css

/*
конкретный размер текста на боди не имеет значения
body {font-size: 16px}*/
/* block */
#q #w {font-size: 2em}
#w {font-size: 2em}

/* 1st pseudo */
#w:before{
display: block;
content: 'Example text. (1st pseudo: 2em)';
font-size: 2em;
}

/* 2nd pseudo */
#w:after {
display: block;
content: 'Example text. (2nd pseudo in IE 2x larger than 1st: 2*2=4em)';
font-size: 2em;
}
/* more specific the same pseudo */
#q #w:after {font-size: 2em}

dabblet.html

<div id='q'>
	Example text.(body)
	<div id='w'>Example text.(inside)</div>
</div>

<!--
 - ошибка генерируется даже, если селекторы указывают на разые псевдо-элементы,
видимо в тот момент, когда движок парсит первый правый крайний селектор;
 - матчить разными классами не помогает;
-->

dabblet.js

// alert('Hello world!');

settings.json

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