スタイルシートマニア

スタイルの適用先指定方法Ⅴ | ホームページカスタマイズ Tips

文書の持つ木構造からは取得できない性質に対してスタイルを適用させる方法です。

擬似クラス

具体的には、

a:link(リンクを示す)
a:visited:(すでに見たリンク先)
a:hover(カーソルが上にある状態)
a:active(マウスボタンが押された状態)

などがあります。

aタグ関係は頻繁に使うので覚えておきましょう。特にa:hoverはナビゲーションには必須です。

 

擬似要素

:first-letter(ブロックレベル用の1文字目に適用)
:first-line(ブロックレベル用の1行目に適応)
:before(contentsプロパティで直前に追加される要素に適用)
:after(contentsプロパティで直後に追加される要素に適用)

Author:庄野英朗
Comments:0

庄野英朗

Source Marine 代表
デザイン・コーディング・PHPアプリケーションまでこなす。
マルチデザインプログラマ。

コメントを残す