LayoutTests/fast/dom/css-selectorText.html

   1 <html>
   2 <head>
   3 <style>
   4 * { margin: 2px; }
   5 div { margin: 2px; }
   6 div span { margin 2px; }
   7 div ~ span { margin 2px; }
   8 div > span { margin 2px; }
   9 div + span { margin 2px; }
  10 #temp { margin 2px; }
  11 div#temp { margin 2px; }
  12 div.test[title="test"] { margin: 2px; }
  13 .test[title~="test"] { margin: 2px; }
  14 div > [title|="test"] { margin: 2px; }
  15 div.test[title^="test"] { margin: 2px; }
  16 span#test[title$="test"] { margin: 2px; }
  17 span[title*="test"]::after { margin: 2px; }
  18 div[title] { margin: 2px; }
  19 [title] { margin: 2px; }
  20 a:link { margin: 2px; }
  21 div, span > div:hover, a { margin: 2px; }
  22 div span#foo.test div:hover#bar a { margin: 2px; }
  23 </style>
  24 </head>
  25 <body>
  26 <pre id="result"></pre>
  27 <script>
  28 if (window.layoutTestController)
  29     layoutTestController.dumpAsText();
  30 var styleSheet = document.styleSheets.item(0);
  31 var s = "";
  32 for (var i = 0; i < styleSheet.cssRules.length; i++) {
  33         var rule = styleSheet.cssRules[i];
  34         s += rule.selectorText + "\n";
  35 }
  36 document.getElementById("result").innerText = s;
  37 </script>
  38 </body>
  39 </html>