OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset=utf-8 id=meta> | 2 <meta charset=utf-8 id=meta> |
3 <title id=title>Selector: pseudo-classes (:dir(ltr), :dir(rtl))</title> | 3 <title id=title>Selector: pseudo-classes (:dir(ltr), :dir(rtl))</title> |
4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org" id=link1> | 4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org" id=link1> |
5 <link rel=help href="https://html.spec.whatwg.org/multipage/#pseudo-classes" id= link2> | 5 <link rel=help href="https://html.spec.whatwg.org/multipage/#pseudo-classes" id= link2> |
6 <script src="../../../../../../resources/testharness.js" id=script1></script> | 6 <script src="../../../../../../resources/testharness.js" id=script1></script> |
7 <script src="../../../../../../resources/testharnessreport.js" id=script2></scri pt> | 7 <script src="../../../../../../resources/testharnessreport.js" id=script2></scri pt> |
8 <script src="utils.js" id=script3></script> | 8 <script src="utils.js" id=script3></script> |
9 <style id=style> | 9 <style id=style> |
10 #span1 {direction: rtl;} | 10 #span1 {direction: rtl;} |
11 #span5, #span6 {display: none;} | 11 #span5, #span6 {display: none;} |
12 </style> | 12 </style> |
13 <div id="log"></div> | 13 <div id="log"></div> |
14 <bdo dir="rtl" id=bdo1>WERBEH</bdo> | 14 <bdo dir="rtl" id=bdo1>WERBEH</bdo> |
15 <bdo dir="ltr" id=bdo2>HEBREW</bdo> | 15 <bdo dir="ltr" id=bdo2>HEBREW</bdo> |
16 <bdi id=bdi1>HEBREW</bdi> | 16 <bdi id=bdi1>HEBREW</bdi> |
17 <bdi dir="rtl" id=bdi2>WERBEH</bdi> | 17 <bdi dir="rtl" id=bdi2>WERBEH</bdi> |
18 <bdi dir="ltr" id=bdi3>HEBREW</bdi> | 18 <bdi dir="ltr" id=bdi3>HEBREW</bdi> |
19 <span id=span1>WERBEH</span> | 19 <span id=span1>WERBEH</span> |
20 <span dir="rtl" id=span2>WERBEH</span> | 20 <span dir="rtl" id=span2>WERBEH</span> |
21 <span dir="ltr" id=span3>HEBREW</span> | 21 <span dir="ltr" id=span3>HEBREW</span> |
22 ‮<span id=span4>WERBEH</span>‬ | 22 ‮<span id=span4>WERBEH</span>‬ |
23 <span dir="rtl" id=span5>WERBEH</span> | 23 <span dir="rtl" id=span5>WERBEH</span> |
24 <span dir="ltr" id=span6>HEBREW</span> | 24 <span dir="ltr" id=span6>HEBREW</span> |
25 <bdo dir="auto" id=bdo3>HEBREW</bdo> | 25 <bdo dir="auto" id=bdo3>HEBREW</bdo> |
26 <bdo dir="auto" id=bdo4>إيان</bdo> | 26 <bdo dir="auto" id=bdo4>إيان</bdo> |
27 <bdo dir="ltr" id=bdo5>עברית</bdo> | 27 <bdo dir="ltr" id=bdo5>עברית</bdo> |
28 | 28 |
29 <script> | 29 <script id=script4> |
30 testSelector(":dir(rtl)", ["bdo1", "bdi2", "span1", "span2", "span4", "span5", "bdo4"], "':dir(rtl)' matches all elements whose directionality is 'rtl'."); | 30 testSelector(":dir(rtl)", ["bdo1", "bdi2", "span1", "span2", "span4", "span5", "bdo4"], "':dir(rtl)' matches all elements whose directionality is 'rtl'."); |
31 testSelector(":dir(ltr)", ["html", "head", "body", "meta", "title", "link1", " link2", "script1", "script2", "script3", "stlyle", "log", "bdo2", "bdi3", "span3 ", "span6", "bdo3", "bdo5"], "':dir(ltr)' matches all elements whose directional ity is 'ltr'."); | 31 testSelector(":dir(ltr)", ["html", "head", "body", "meta", "title", "link1", " link2", "script1", "script2", "script3", "style", "log", "bdo2", "bdi1", "bdi3", "span3", "span6", "bdo3", "bdo5", "script4"], "':dir(ltr)' matches all elements whose directionality is 'ltr'."); |
ramya.v
2016/01/27 07:39:20
1)Last script element is ignored. So included it.
| |
32 | 32 |
33 var bdo = document.createElement("bdo"); | 33 var bdo = document.createElement("bdo"); |
34 bdo.setAttribute("dir", "ltr"); | 34 bdo.setAttribute("dir", "ltr"); |
35 testSelector(":dir(ltr)", ["meta", "title", "link1", "link2", "script1", "scri pt2", "script3", "stlyle", "log", "bdo2", "bdi3", "span3", "span6", "bdo3"], "': dir(ltr)' doesn't match elements not in the document."); | 35 testSelector(":dir(ltr)", ["meta", "title", "link1", "link2", "script1", "scri pt2", "script3", "style", "log", "bdo2", "bdi3", "span3", "span6", "bdo3"], "':d ir(ltr)' doesn't match elements not in the document."); |
36 </script> | 36 </script> |
OLD | NEW |