<
svg id="svg-root"
width="450"
height="450" xmlns:xlink="
http://www.w3.org/1999/xlink" xmlns="
http://www.w3.org/2000/svg" >
<
title id="test-title">style-selector-BE-01</
title>
<
desc id="test-desc">
Test that viewer has the basic capability to handle the simple
CSS2 selectors: GI and class </
desc>
<
g id="test-body-content">
<
defs>
<
style type="text/css">
rect { fill: red }
.warning { fill: red }
</
style>
</
defs>
<
text style="
font-family:Helvetica;
font-size:12;"
x="40"
y="14">Rectangle should be red not green</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="40"
y="36">This tests
element (GI) selectors: <rect /> and the selector rect</
text>
<
g style="
fill:green;">
<
circle cx="160"
cy="100"
r="30"/>
<
rect x="220"
y="80"
width="60"
height="40"/>
<
polygon points="300,100, 320,120, 340,110, 360,120, 390,90, 340,70"/>
</
g>
<
g transform="translate(0, 200)">
<
text style="
font-family:Helvetica;
font-size:12;"
x="40"
y="14">Circle should be red not green; rectangle still red</
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="40"
y="36">This tests
class selectors: <circle class="warning" /> </
text>
<
text style="
font-family:Helvetica;
font-size:12;"
x="40"
y="58">
and the selector .warning</
text>
<
g style="
fill:green;">
<
circle class="warning"
cx="160"
cy="100"
r="30"/>
<
rect x="220"
y="80"
width="60"
height="40"/>
<
polygon points="300,100, 320,120, 340,110, 360,120, 390,90, 340,70"/>
</
g>
</
g>
</
g>
<
g id="test-legend"
style="
fill:black;
font-family:Helvetica;
font-size:10;">
<
rect x="10"
y="390"
width="275"
height="50"
style="
fill:none;
stroke:#000000;"/>
<
path style="
fill:none;
stroke:#000000;"
d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
<
text x="25"
y="401">Scalable Vector Graphics (SVG) Conformance Suite</
text>
<
a xlink:href="copyright-documents-19990405.html">
<
text x="12"
y="437"
style="
fill:blue;">
Copyright 2000 W3C. All Rights Reserved.
</
text>
</
a>
<
text style="
font-size:12;"
x="35"
y="420">style-selector-BE-01</
text>
<
text style="
font-size:10;"
x="210"
y="417">$Revision: 1.1 $</
text>
<
text style="
font-size:10;"
x="210"
y="435">Release 2.0</
text>
<
rect id="test-frame"
x="1"
y="1"
width="448"
height="448"
style="
fill:none;
stroke:#000000;"/>
</
g>
</
svg>