擬似クラスセレクタ
それは(特定の状態のラベル)をラベルすることを可能にする、擬似クラスセレクタと呼ばれる理由さらに興味深いの決まったスタイルが存在しないのhtml、擬似クラスセレクタで、例えば、我々はロールオーバー状態のマウスのHTMLタグ要素を与えますフォントの色を設定します。
A:ホバー{色:赤;}
住所ラベル</a>の<a href="address">単語
前の行は、赤のフォント色ラベルロールオーバー状態に設けられています。これは「臆病」テキスト内のテキストの最初の段落を行いますに追加の上にマウス赤効果にフォントの色。
擬似セレクタ:
擬似クラスセレクタについて、これまでのところ、すべてのブラウザと互換性があり、「疑似クラスセレクタ、」ラベルに使用することです:ホバー(実際には、そこ特に、CSS3の多くの擬似クラスセレクタは、ですが、それらはすべてと互換性がない可能性があるためブラウザは、チュートリアルでは、ちょうど)最も一般的に使用されるのこれを言います。実際に,:ホバーは、任意のラベル上に配置することができ、例えば、P:ホバー、彼らの互換性が今より一般的に使用され、非常に良いです:組み合わせホバー。
例:
<!DOCTYPE HTML > < HTML > < ヘッド> < メタHTTP-当量= "Content-Typeの" コンテンツ= "text / htmlの;のcharset = UTF-8" > < タイトル>伪类选择符</ タイトル> < スタイルタイプ=」テキスト/ CSS」> :ホバー{ 色:赤。 フォントサイズ:20ピクセル; } </ スタイル> </ ヘッド> < 身体> >勇気</ H1 > < p型クラス= "ファースト" >第三年生、私がいた< のhref = "http://www.imooc.com" >マウスとして臆病</ A >クラスの少女間違った答えの先生が私を批判するだろう恐れのために、教師からの質問に答えることを恐れて決して。彼は先生からの質問に答えるために勇気を持っていません。学校主催の活動は、私が参加する勇気を持っていません。</ p型> < p型が上記ID言及=「SECONDを、」>次の学期に三年生、オープンクラスの私たちのクラスは、先生が非常に上げたときに、< スパン>シンプルな</ スパン>の質問に、多くの学生がクラスを与えます手、そして私よりもさらに悪い成績でなく、挙手でなく、言った:。「私は私が来る、来る。」私は、私はそれを上げていなかった、周りを見回しました。</ P > < = "http://img.mukewang.com/52b4113500018cf102000200.jpg" > </ ボディ> </ HTML >