CSS 2.1 In Depth is proving to be an interesting course. Below is a snippet from my assignment this week, showing some interesting work with selectors. Although they appear convoluted to someone who hasn’t seen them before, the SelectORacle is fantastic for “translating” complicated selectors.

strong:first-child
{
	text-transform: uppercase;
}

div.rant > ul > li:first-child + li + li
{
	color: green;
	background-color: inherit;
	font-weight: bold;
}

div.rant a[href="url.html"]:link:visited
{
	color: purple;
	background-color: inherit;
}

body > p:first-child:first-letter, div.rant > p:first-child:first-letter
{
	font-weight: bold;
}

h1 > strong, div.rant > ul > li > em
{
	text-transform: uppercase;
}