Web@Youtility

~Web開発支援サイト~

本HPはhttp://webyoutility.web.fc2.com/に移設しました！(現状7割)

CSS講座

CSS
セレクタ	CSSの記述方法
CSSテンプレート

CSSのセレクタ

セレクタのパターン

＊

全ての要素

ex.→p * {color:red;}

e

e要素

ex.→p {color:red;}

e f

e要素の子要素f

ex.→tr td{color:red;}

tr要素内のtdのスタイル指定

e > f

e要素の子供要素f

ex.→tr > td{color:red;}

tr要素内のtdのスタイル指定

セレクタの動作

e:link

リンク先が未訪の場合のスタイル

ex.→a:link[color:red;}

e:visit

リンク先が訪問済みのスタイル

ex.→ a:visit{color:red;}

e:hover

マウスオーバーの状態

ex.→ a:hover{color:red;}

e:avtive

マウスをクリックしてる状態

ex.→ a:active{color:red;}

e:focus

選択されている状態

ex.→ a:focus{color:red;}

e:first-line

初めの1行

ex.→ a:first-line{color:red;}

e:first-letter

最初の1文字

ex.→ a:first-letter{color:red;}

　

HOME HOME