-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
-\r
-<html>\r
- <head>\r
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />\r
- <title>:last-of-type</title>\r
- \r
- <style type='text/css'>\r
- <!--\r
-\r
- body { background: #fff; color: 000; font-family: Arial, Helvetica, sans-serif; }\r
- pre { background: #fff; padding: 0.5em; }\r
- li { background: #aaa; padding: 1em; width: 80%; margin: 0 0 3em; }\r
- .test { display: block; padding: 0.75em; }\r
- .base, .defaultgreen { background-color: #090; }\r
- .defaultred { background-color: #900; }\r
- \r
- .defaultred :last-of-type {\r
- background-color: #090;\r
- }\r
-\r
- .defaultgreen :last-of-type {\r
- background-color: #900;\r
- }\r
-\r
- blockquote {\r
- margin: 0;\r
- }\r
-\r
- -->\r
- </style>\r
- </head>\r
-\r
- <body>\r
- <p>This page is part of the <a href="http://www.css3.info">CSS3.info</a> <a href="http://www.css3.info/selectors-test/">CSS selectors test</a>. See more info on <a href="http://www.css3.info/preview/attribute-selectors.html">CSS3 selectors</a>.</p>\r
- \r
- <div class='base'></div>\r
- \r
- <ol>\r
- <li>\r
- <div class='defaultred'>\r
- <div class='test required'></div>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div>Does this element match?</div></pre>\r
-\r
- <p>\r
- The CSS selector should match the marked div element, because it is the only element of this type\r
- </p>\r
- </li>\r
- \r
- <li>\r
- <div class='defaultred'>\r
- <div></div>\r
- <div class='test'></div>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div></div>\r
-<div>Does this element match?</div></pre>\r
-\r
- <p>\r
- The CSS selector should match the marked div element, because it is the last element of this type\r
- </p>\r
- </li>\r
- \r
- <li>\r
- <div class='defaultred'>\r
- <div class='test required'></div>\r
- <blockquote></blockquote>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div>Does this element match?</div>\r
-<blockquote></blockquote></pre>\r
-\r
- <p>\r
- The CSS selector should match the marked div element, because it is the last element of this type\r
- </p>\r
- </li>\r
- \r
- <li>\r
- <div class='defaultred'>\r
- <blockquote>\r
- <div class='test'></div>\r
- </blockquote>\r
- <div></div>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<blockquote>\r
- <div>Does this element match?</div>\r
-</blockquote>\r
-<div></div></pre>\r
-\r
- <p>\r
- The CSS selector should match the marked div element, because it is the last element of this type in this scope\r
- </p>\r
- </li>\r
-\r
- <li>\r
- <div class='defaultred'>\r
- <div>\r
- <div class='test'></div>\r
- </div>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div>\r
- <div>Does this element match?</div>\r
-</div></pre>\r
-\r
- <p>\r
- The CSS selector should match the marked div element, because it is the last element of this type in the current scope\r
- </p>\r
- </li>\r
-\r
- <li>\r
- <div class='defaultred'>\r
- <div class='test'></div>\r
- <blockquote>\r
- <div></div>\r
- </blockquote>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div>Does this element match?</div>\r
-<blockquote>\r
- <div></div>\r
-</blockquote></pre>\r
-\r
- <p>\r
- The CSS selector should match the marked div element, because it is the last element of this type in the current scope\r
- </p>\r
- </li>\r
-\r
- <li>\r
- <div class='defaultgreen'>\r
- <div class='test default required'></div>\r
- <div></div>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div>Does this element match?</div>\r
-<div></div></pre>\r
-\r
- <p>\r
- The CSS selector should not match the marked div element, because it is the first element of this type\r
- </p>\r
- </li>\r
-\r
- <li>\r
- <div class='defaultgreen'>\r
- <div class='test default'></div>\r
- <DIV></DIV>\r
- </div>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div>Does this element match?</div>\r
-<DIV></DIV></pre>\r
-\r
- <p>\r
- The CSS selector should not match the marked div element, because it is the first element of this type\r
- </p>\r
- </li>\r
-\r
- <li>\r
- <div class='defaultred'>\r
- <div id='insertAfter1'></div>\r
- </div>\r
-\r
- <script type="text/javascript">\r
- <!--\r
-\r
- var ib = document.getElementById('insertAfter1');\r
- var el = document.createElement("div");\r
- el.className = 'test';\r
- ib.parentNode.appendChild(el);\r
-\r
- \r
- //-->\r
- </script>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div id='insertAfter'></div>\r
-\r
-var ib = document.getElementById('insertAfter');\r
-ib.parentElement.appendChild(document.createElement("div"));</pre>\r
-\r
- <p>\r
- The CSS selector should match the div element that is inserted by the Javascript code. \r
- </p>\r
- </li>\r
-\r
- <li>\r
- <div class='defaultgreen'>\r
- <div id='insertAfter2' class='test default'></div>\r
- </div>\r
-\r
- <script type="text/javascript">\r
- <!--\r
-\r
- var ib = document.getElementById('insertAfter2');\r
- ib.parentNode.appendChild(document.createElement("div"));\r
- \r
- //-->\r
- </script>\r
- \r
- <pre>div:last-of-type {\r
-}\r
-\r
-<div id='insertAfter'></div>\r
-\r
-var ib = document.getElementById('insertAfter');\r
-ib.parentElement.appendChild(document.createElement("div"));</pre>\r
-\r
- <p>\r
- The original div element should not be a match for the :last-of-type selector.\r
- </p>\r
- </li>\r
- </ol>\r
- </body>\r
-</html>\r
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+ <title>:last-of-type</title>
+
+ <style type='text/css'>
+ <!--
+
+ body { background: #fff; color: 000; font-family: Arial, Helvetica, sans-serif; }
+ pre { background: #fff; padding: 0.5em; }
+ li { background: #aaa; padding: 1em; width: 80%; margin: 0 0 3em; }
+ .test { display: block; padding: 0.75em; }
+ .base, .defaultgreen { background-color: #090; }
+ .defaultred { background-color: #900; }
+
+ .defaultred :last-of-type {
+ background-color: #090;
+ }
+
+ .defaultgreen :last-of-type {
+ background-color: #900;
+ }
+
+ blockquote {
+ margin: 0;
+ }
+
+ -->
+ </style>
+ </head>
+
+ <body>
+ <p>This page is part of the <a href="http://www.css3.info">CSS3.info</a> <a href="http://www.css3.info/selectors-test/">CSS selectors test</a>. See more info on <a href="http://www.css3.info/preview/attribute-selectors.html">CSS3 selectors</a>.</p>
+
+ <div class='base'></div>
+
+ <ol>
+ <li>
+ <div class='defaultred'>
+ <div class='test required'></div>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div>Does this element match?</div></pre>
+
+ <p>
+ The CSS selector should match the marked div element, because it is the only element of this type
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultred'>
+ <div></div>
+ <div class='test'></div>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div></div>
+<div>Does this element match?</div></pre>
+
+ <p>
+ The CSS selector should match the marked div element, because it is the last element of this type
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultred'>
+ <div class='test required'></div>
+ <blockquote></blockquote>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div>Does this element match?</div>
+<blockquote></blockquote></pre>
+
+ <p>
+ The CSS selector should match the marked div element, because it is the last element of this type
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultred'>
+ <blockquote>
+ <div class='test'></div>
+ </blockquote>
+ <div></div>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<blockquote>
+ <div>Does this element match?</div>
+</blockquote>
+<div></div></pre>
+
+ <p>
+ The CSS selector should match the marked div element, because it is the last element of this type in this scope
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultred'>
+ <div>
+ <div class='test'></div>
+ </div>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div>
+ <div>Does this element match?</div>
+</div></pre>
+
+ <p>
+ The CSS selector should match the marked div element, because it is the last element of this type in the current scope
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultred'>
+ <div class='test'></div>
+ <blockquote>
+ <div></div>
+ </blockquote>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div>Does this element match?</div>
+<blockquote>
+ <div></div>
+</blockquote></pre>
+
+ <p>
+ The CSS selector should match the marked div element, because it is the last element of this type in the current scope
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultgreen'>
+ <div class='test default required'></div>
+ <div></div>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div>Does this element match?</div>
+<div></div></pre>
+
+ <p>
+ The CSS selector should not match the marked div element, because it is the first element of this type
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultgreen'>
+ <div class='test default'></div>
+ <DIV></DIV>
+ </div>
+
+ <pre>div:last-of-type {
+}
+
+<div>Does this element match?</div>
+<DIV></DIV></pre>
+
+ <p>
+ The CSS selector should not match the marked div element, because it is the first element of this type
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultred'>
+ <div id='insertAfter1'></div>
+ </div>
+
+ <script type="text/javascript">
+ <!--
+
+ var ib = document.getElementById('insertAfter1');
+ var el = document.createElement("div");
+ el.className = 'test';
+ ib.parentNode.appendChild(el);
+
+
+ //-->
+ </script>
+
+ <pre>div:last-of-type {
+}
+
+<div id='insertAfter'></div>
+
+var ib = document.getElementById('insertAfter');
+ib.parentElement.appendChild(document.createElement("div"));</pre>
+
+ <p>
+ The CSS selector should match the div element that is inserted by the Javascript code.
+ </p>
+ </li>
+
+ <li>
+ <div class='defaultgreen'>
+ <div id='insertAfter2' class='test default'></div>
+ </div>
+
+ <script type="text/javascript">
+ <!--
+
+ var ib = document.getElementById('insertAfter2');
+ ib.parentNode.appendChild(document.createElement("div"));
+
+ //-->
+ </script>
+
+ <pre>div:last-of-type {
+}
+
+<div id='insertAfter'></div>
+
+var ib = document.getElementById('insertAfter');
+ib.parentElement.appendChild(document.createElement("div"));</pre>
+
+ <p>
+ The original div element should not be a match for the :last-of-type selector.
+ </p>
+ </li>
+ </ol>
+ </body>
+</html>
projects / platform / framework / web / crosswalk.git / blobdiff