lang-pseudo-class-disconnected.html (868B)
1 <!DOCTYPE html> 2 <html> 3 <link rel="help" href="https://drafts.csswg.org/selectors/#lang-pseudo"/> 4 <body> 5 <div id="container" lang="zh"><span></span></div> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script> 9 test(() => { 10 let target = container.querySelector('span'); 11 assert_true(target.matches(":lang(zh)")); 12 target.parentNode.remove(); 13 assert_true(target.matches(":lang(zh)")); 14 15 const anotherContainer = document.createElement('div'); 16 anotherContainer.innerHTML = '<div lang="fr"><span></span></div>'; 17 target = anotherContainer.querySelector('span'); 18 assert_true(target.matches(":lang(fr)")); 19 document.body.append(target.parentNode); 20 assert_true(target.matches(":lang(fr)")); 21 }, ":lang pseudo class should work in a disconnected subtree"); 22 </script> 23 </body> 24 </html>