blob: 842f946464771e692bae29c571db3f9c0fb7149b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="80"
height="80"
viewBox="0 0 80 80"
version="1.1">
<style
id="first">
rect { fill: #800000; }
/* class "c1" is redefined several times, only the last one counts */
.c1 { fill: #ff0000; }
.c2 { fill: #ff9900; }
</style>
<defs>
<style
id="insidedefs">
rect { fill: #ffff00; }
.c1 { fill: #008000; }
.c3 { fill: #00ff00; }
</style>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
id="background"
width="80"
height="80" />
<rect
width="20"
height="20" />
<rect
width="20"
height="20"
x="30"
class="c1" />
<rect
width="20"
height="20"
x="60"
class="c2" />
<rect
width="20"
height="20"
class="c3"
y="30" />
<rect
class="c4"
width="20"
height="20"
x="30"
y="30" />
<rect
class="c5"
width="20"
height="20"
x="60"
y="30" />
<style
id="insidegroup">
@import "multi-style-import-1.css";
/* nested CSS selector (with XML entity because not using CDATA) */
g.g1 > rect { fill: #00ffcc; }
</style>
<rect
class="c5"
width="20"
height="20"
y="60" />
<rect
width="20"
height="20"
x="30"
y="60" />
<g
class="g1">
<rect
width="20"
height="20"
x="60"
y="60" />
</g>
</g>
<style
id="last"><!-- using CDATA --><![CDATA[
@import "multi-style-import-2.css";
.c4 { fill: #ff00ff; }
]]></style>
</svg>
|
