body {
	font-size: 12px;
}

#container {
	font-family: serif;
	font-size: 14px;
}

.foo {
	color: black;
	margin: 10px 0 2px;
}

.foo, .foo::before {
	content: "[before Foo]";
	color: blue;
}

.foo::before {
	color: red;
}

.foo::after {
	content: "[after Foo]";
	color: green;
}
.foo::after {
	font-family: courier;
	content: "[after Foo 2]";
}