<html>
<head>
<style>
* { margin: 2px; }
div { margin: 2px; }
div span { margin 2px; }
div ~ span { margin 2px; }
div > span { margin 2px; }
div + span { margin 2px; }
#temp { margin 2px; }
div#temp { margin 2px; }
div.test[title="test"] { margin: 2px; }
.test[title~="test"] { margin: 2px; }
div > [title|="test"] { margin: 2px; }
div.test[title^="test"] { margin: 2px; }
span#test[title$="test"] { margin: 2px; }
span[title*="test"]::after { margin: 2px; }
div[title] { margin: 2px; }
[title] { margin: 2px; }
a:link { margin: 2px; }
div, span > div:hover, a { margin: 2px; }
div span#foo.test div:hover#bar a { margin: 2px; }
</style>
</head>
<body>
<pre id="result"></pre>
<script>
if (window.layoutTestController)
    layoutTestController.dumpAsText();
var styleSheet = document.styleSheets.item(0);
var s = "";
for (var i = 0; i < styleSheet.cssRules.length; i++) {
	var rule = styleSheet.cssRules[i];
	s += rule.selectorText + "\n";
}
document.getElementById("result").innerText = s;
</script>
</body>
</html>