スタイルシート

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



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

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


1) この色は? ---- クラス指定により "赤"
2) この色は? ---- インラインが優先されて "青"
3) この色は? ---- インラインは "青" だが、最優先規則が "赤"










  infoboard   管理者用   
このエントリーをはてなブックマークに追加





フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ