third_party/WebKit/LayoutTests/css3/selectors3/html/css3-modsel-176.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>Combinations: classes and IDs</title>
   5   <style type="text/css">
   6 p { background: red; color: yellow; }
   7 p:not(#other).class:not(.fail).test#id#id { background: green; color: white; }
   8 div { background: green; color: white; }
   9 div:not(#theid).class:not(.fail).test#theid#theid { background: red; color: yellow; }
  10 div:not(#other).notclass:not(.fail).test#theid#theid { background: red; color: yellow; }
  11 div:not(#other).class:not(.test).test#theid#theid { background: red; color: yellow; }
  12 div:not(#other).class:not(.fail).nottest#theid#theid { background: red; color: yellow; }
  13 div:not(#other).class:not(.fail).nottest#theid#other { background: red; color: yellow; }
  14 </style>
  15   <link rel="first" href="css3-modsel-1.html" title="Groups of selectors">
  16   <link rel="prev" href="css3-modsel-175c.html" title="Parsing: Numbers in classes">
  17   <link rel="next" href="css3-modsel-177a.html" title="Parsing : vs ::">
  18   <link rel="last" href="css3-modsel-d4.html" title="Dynamic updating of :first-child and :last-child">
  19   <link rel="up" href="./index.html">
  20   <link rel="top" href="../../index.html">
  21  </head>
  22  <body>
  23   <p id="id" class="class test">This line should be green.</p>
  24   <div id="theid" class="class test">This line should be green.</div>
  25 </body>
  26 </html>