styling-css-03-b-isvalid.html (3742B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>styling-css-03-b-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: styling-css-03-b-manual.svg</h1> 9 <svg version="1.1" baseProfile="basic" id="svg-root" 10 width="100%" height="100%" viewBox="0 0 480 360" 11 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= SVG 1.1 2nd Edition Test Case =--> 14 <!--======================================================================--> 15 <!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =--> 16 <!--= Institute of Technology, European Research Consortium for =--> 17 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 18 <!--= All Rights Reserved. =--> 19 <!--= See http://www.w3.org/Consortium/Legal/. =--> 20 <!--======================================================================--> 21 22 <title id="test-title">$RCSfile: styling-css-03-b.svg,v $</title> 23 <defs> 24 <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F"> 25 <font-face-src> 26 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> 27 </font-face-src> 28 </font-face> 29 </defs> 30 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> 31 32 <defs> 33 <style> 34 .mummy {fill: green } /* least specific */ 35 .mummy rect { fill: red} /* more specific, make rect red */ 36 .mummy > .thischild { fill: green } /* even more specific, rect green */ 37 .child {fill: red} 38 .gap > .thischild { fill: green} 39 .daddy {fill: red } 40 .daddy > .tertius {fill: green} /* bottom poly green */ 41 .primus + .secundus { fill: green } /* bottom rect green */ 42 .daddy :first-child { fill: green} /* bottom circle green */ 43 </style> 44 </defs> 45 46 <text style="font-family:SVGFreeSansASCII;font-size:12px;" x="40" y="36"> 47 ancestor selectors and child selectors: 48 </text> 49 50 <g class="mummy"> 51 <rect class="thischild" x="220" y="80" width="60" height="40"/> 52 <circle cx="160" cy="100" r="30"/> 53 <g class="child"> 54 <g class="generation gap"> 55 <polygon class="thischild" points="300,100, 320,120, 340,110, 360,120, 390,90, 340,70"/> 56 </g> 57 </g> 58 </g> 59 60 <g transform="translate(0, 150)"> 61 <text style="font-family:SVGFreeSansASCII;font-size:12px;" x="40" y="36"> 62 ancestor, immediate-sibling and first-child selectors: 63 </text> 64 65 <g class="daddy"> 66 <circle class="primus" cx="160" cy="100" r="30"/> 67 <rect class="secundus" x="220" y="80" width="60" height="40"/> 68 <polygon class="tertius" points="300,100, 320,120, 340,110, 360,120, 390,90, 340,70"/> 69 </g> 70 </g> 71 </g> 72 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 73 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.6 $</text> 74 </g> 75 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> 76 <!-- comment out this watermark once the test is approved --> 77 <!--<g id="draft-watermark"> 78 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 79 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 80 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 81 </g>--> 82 </svg> 83 </body> 84 </html>