sharing-in-svg-use.html (783B)
1 <!doctype html> 2 <title>CSS Test: nth-of-type should work in an svg use subtree</title> 3 <link rel="help" href="https://drafts.csswg.org/selectors-4/#child-index"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1540385"> 5 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 6 <link rel="author" title="Mozilla" href="https://mozilla.org"> 7 <link rel="match" href="sharing-in-svg-use-ref.html"> 8 <style> 9 rect:nth-of-type(1) { 10 fill: blue; 11 } 12 rect:nth-of-type(2) { 13 fill: purple; 14 } 15 </style> 16 <!-- Should see two different colors --> 17 <svg width="200" height="100"> 18 <defs> 19 <g id="p0"> 20 <rect width="100" height="100" /> 21 <rect x="100" y="0" width="100" height="100" /> 22 </g> 23 </defs> 24 <use href="#p0" x="0" y="0" /> 25 </svg>