CSSスタイルシート 定義済みクラス

a:active

クリックされた瞬間のアンカーを表す定義済みクラスです。 <a></a> に囲まれた文字列(アンカー)をマウスでクリックされたとき、またはTABキーでフォーカスを移動したときにのみ適用するスタイルを指定できます。

定義済みクラス a:active の使用例と表示サンプルを示します。表示結果はブラウザによって異なることがあります。

a:active { font-size: xx-large; }
<a href="#a_active">クリックすると大きくなります</a>

クリックすると大きくなります

a:hover

マウスでポイントされた状態のアンカーを表す定義済みクラスです。 <a></a> に囲まれた文字列(アンカー)の上にマウスカーソルを乗せたときにのみ適用するスタイルを指定できます。

定義済みクラス a:hover の使用例と表示サンプルを示します。表示結果はブラウザによって異なることがあります。

a:hover { color: red; }
<a href="#a_hover">マウスのカーソルを乗せると赤くなります</a>

マウスのカーソルを乗せると赤くなります

a:link

まだ訪れていないアンカーを表す定義済みクラスです。

a:hover { color: blue; }

a:visited

既に訪れたことのあるアンカーを表す定義済みクラスです。

通常、既に訪れたことのあるアンカーには下線が引かれますが、この下線を表示しないようにするスタイルシートの例を示します。

a:hover { text-decoration: none; }

p:first-line

段落の最初の行を表す定義済みクラスです。 <p></p> に囲まれた文字列のうち、最初の1行に対してだけ適用するスタイルを指定できます。

定義済みクラス p:first-line の使用例と表示サンプルを示します。表示結果はブラウザによって異なることがあります。

p:first-line { coloer: red; }
<p>段落の最初の行を表す定義済みクラスです。&lt;p&gt; と &lt;/p&gt; に囲まれた文字列のうち、最初の1行に対してだけ適用するスタイルを指定できます。</p>

段落の最初の行を表す定義済みクラスです。<p> と </p> に囲まれた文字列のうち、最初の1行に対してだけ適用するスタイルを指定できます。

p:first-letter

段落の最初の文字を表す定義済みクラスです。 <p></p> に囲まれた文字列のうち、最初の文字に対してだけ適用するスタイルを指定できます。

定義済みクラス p:first-letter の使用例と表示サンプルを示します。表示結果はブラウザによって異なることがあります。

p:first-letter { coloer: red; }
<p>最初の1文字だけ赤くなります。</p>

最初の1文字だけ赤くなります。

p:first-child

段落の最初の要素を表す定義済みクラスです。

SEO 仕事 掲示板 レンタルサーバー プロフ SEO