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">$B$3$NCJMn$NJ8;z$O@D?'$,@5$7$$!#(B</p>

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

</body>
</html>
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	<p class="class1 class2 class3">$B$3$NCJMn$NJ8;z$O@D?'$,@5$7$$!#(B</p>
23
24	<pre>
25	.class1 {
26	color: red;
27	}
28	.class3 {
29	color: green;
30	}
31	.class2 {
32	color: blue;
33	}
34	</pre>
35
36	</body>
37	</html>