The following styles are applied here:

 
P.two	{
	color: black;
	background-color: white;
	}

*	{
	color: #800 ! important;
	background-color: yellow;
	}

P.three	{
	color: green ! important;
	}

DIV.four	{
	background-color: #8F8;
	margin-top: 1em;
	margin-bottom: 1em;
	}

DIV.five, DIV.five *	{
	background-color: #BBF;
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* For legibility */
A:link, A:visited	{
	color: blue ! important;
	}

*#seven	{
	background-color: black;
	color: white ! important;
	}

*.eight	{
	background-color: blue;
	color: yellow ! important;
	}

P.nine * EM	{
	background-color: green;
	color: white ! important;
	}

BLOCKQUOTE*EM {
	color: aqua;
	background-color: green;
	}

The background of this document should be yellow, and this paragraph should have dark red text. If these are not true, then the universal selector is not working at all. However, if the text is dark red but the background is light blue, then DIV.five * is being misinterpreted as *.

This paragraph (two) should also have dark red text, because the color in the universal selector is marked as important. However, its background should be white because the universal selector should be overridden based on specificity.

This paragraph (three) should have green text on the original yellow background.

This paragraph should have white text on a black background.

This paragraph should have yellow text on a blue background.

There should only be two words in this paragraph that have white text on a green background.

There should be two words in this sentence that are dark red on a green background.