外部 CSS ふるいむかし
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<STYLE type="text/css">
@import url("extern.css");
</STYLE>
</HEAD>
<BODY>
<SPAN class="MyColor">この色は?</SPAN><br>
<SPAN class="MyColor" style='color:blue'>この色は?</SPAN><br>
<SPAN class="MySpecialColor" style='color:blue'>この色は?</SPAN><br>
</BODY>
</HTML>
.MyColor {
color: red;
}
.MySpecialColor {
color: red !important;
}
インポートされた定義は、本体の定義により上書きされます
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<STYLE type="text/css">
.MyColor {
color: green;
}
.MySpecialColor {
color: green !important;
}
@import url("extern.css");
</STYLE>
</HEAD>
<BODY>
<SPAN class="MyColor">この色は?</SPAN><br>
<SPAN class="MyColor" style='color:blue'>この色は?</SPAN><br>
<SPAN class="MySpecialColor" style='color:blue'>この色は?</SPAN><br>
</BODY>
</HTML>