2006.08.25 Friday | 12:26

外部 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>

lightbox Category: ふるいむかし

2006.08.25 Friday | 12:24

優先順位、その他ふるいむかし

全称セレクタ ( * ) : 文書ツリー構造内の全要素とマッチ

↓全ての要素のデフォルトのフォントサイズを設定

<STYLE type="text/css">
	* {
		font-size:12px;
	}
	.MyCell {
		background-color:silver;
	}
	.MyCell2 {
		background-color:white;
	}
</STYLE>

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<STYLE type="text/css">

.MyColor {
	color: red;
}
.MySpecialColor {
	color: red !important; /* !important は 最重要規則です */
}

</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>

lightbox Category: ふるいむかし