css3-selectors-lang-027.html (1362B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"/> 5 <title>[lang|="es"], lang="mx-es"</title> 6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 7 <link rel='help' href='http://www.w3.org/TR/css3-selectors/#attribute-selectors'> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <style type='text/css'> 11 .test div { width: 50px; } 12 #colonlangcontroltest { color: red; font-weight: bold; width: 400px; } 13 #colonlangcontroltest[lang|=xx] { display:none; } 14 #box[lang|='es'] { width: 100px; } 15 #relevance[lang|='yy'] { display:none; } 16 </style> 17 </head> 18 <body> 19 20 21 22 <div class="test"><div id="box" lang="mx-es"> </div></div> 23 <p lang='xx' id='colonlangcontroltest'>This test failed because it relies on [lang|=..] for results, but [lang|=..] is not supported by this browser. 24 25 26 <!--Notes: 27 This tests a detail related to [lang|=..] support. If [lang|=..] is not supported, a message will appear and the test will fail. 28 --> 29 <script> 30 test(function() { 31 assert_equals(document.getElementById('colonlangcontroltest').offsetWidth, 0) 32 assert_equals(document.getElementById('box').offsetWidth, 50); 33 }, "When the lang|= value uses a single subtag, it will NOT match against an attribute value where it appears in a different position."); 34 </script> 35 36 <div id='log'></div> 37 38 </body> 39 </html>