css/class/multiple-class-single-rules.html

<!DOCTYPE html>
<html lang="ja">
<head>
<title>1$B$D$N(B class $B$KJ#?t$N%/%i%9!"(B1$B$D$NA*Br;R$K(B1$B$D$N%/%i%9$,J#?t(B</title>
<style type="text/css">
p {
  color: gray;
}
.class1 {
  color: red;
}
.class3 {
  color: green;
}
.class2 {
  color: blue;
}
</style>
</head>
<body>

<p class="class1 class2 class3">&lt;p
class="class1 class2 class3">$B$3$NCJMn$NJ8;z$O@D?'$,@5$7$$!#(B&lt;/p></p>

<pre>
.class1 {
  color: red;
}
.class3 {
  color: green;
}
.class2 {
  color: blue;
}
</pre>

</body>
</html>
1	wakaba	1.1	<!DOCTYPE html>
2			<html lang="ja">
3			<head>
4			<title>1$B$D$N(B class $B$KJ#?t$N%/%i%9!"(B1$B$D$NA*Br;R$K(B1$B$D$N%/%i%9$,J#?t(B</title>
5			<style type="text/css">
6			p {
7			color: gray;
8			}
9			.class1 {
10			color: red;
11			}
12			.class3 {
13			color: green;
14			}
15			.class2 {
16			color: blue;
17			}
18			</style>
19			</head>
20			<body>
21
22	wakaba	1.2	<p class="class1 class2 class3"><p
23			class="class1 class2 class3">$B$3$NCJMn$NJ8;z$O@D?'$,@5$7$$!#(B</p></p>
24	wakaba	1.1
25			<pre>
26			.class1 {
27			color: red;
28			}
29			.class3 {
30			color: green;
31			}
32			.class2 {
33			color: blue;
34			}
35			</pre>
36
37			</body>
38			</html>