use-descendant-combinator-001.html (763B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <title>CSS Test: use element doesn't cross shadow tree boundaries in selector-matching</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="help" href="https://svgwg.org/svg2-draft/struct.html#UseElement"> 6 <link rel="match" href="/svg/linking/reftests/use-descendant-combinator-ref.html"> 7 <style> 8 #test rect { 9 stroke: red; 10 stroke-width: 10px; 11 } 12 </style> 13 <p> 14 You should see a green square, and no red. 15 </p> 16 <svg 17 version="1.1" 18 xmlns="http://www.w3.org/2000/svg" 19 xmlns:xlink="http://www.w3.org/1999/xlink"> 20 <defs> 21 <g id="square"> 22 <rect width="100" height="100"/> 23 </g> 24 </defs> 25 <g id="test"> 26 <use xlink:href="#square" fill="green" /> 27 </g> 28 </svg>