Leilin鵬シェア:CSSの擬似クラス(擬似クラス)

  CSS疑似クラスセレクタは、いくつかの特殊効果を追加するために使用されます。

  文法

  擬似クラスの構文:

  セレクタ:擬似クラス{プロパティ:値;}

  CSSクラスも擬似クラスを使用することができます。

  selector.class:擬似クラス{プロパティ:値;}

  アンカー擬似クラス

  ブラウザでのCSSサポートは、リンクの異なる状態は異なる方法で表示することができます

  例

  A:リンク{色:#1 FF0000;} / *リンク未訪問* /:{色:#00FF00を;}訪問* /リンクが訪問した* /:ホバー{色:#1 FF00FF;} / *マウス指定アクティブ{色:#1 0000FF;} / *選択されたリンク* /リンク* /上

  注意:CSSの定義では、:リンクと::ホバーを配置しなければならないの後に訪れた、効果的です。

  注意:CSS定義を、アクティブにして配置する必要があります:ホバーした後、有効になります。

  注意:擬似クラスの例名前が小文字を区別しません。

  擬似クラスとCSSクラス

  疑似クラスは、CSSクラスを使用することができます。

  {カラーa.red:visitedます。#FF0000を;} CSS構文を

  リンクは、上記の例で訪問されている場合、それは赤色で表示されます。

  CSS:first-child擬似クラス

  あなたは使用することができます:first-child擬似クラスは、親要素の最初の子を選択します。

  注意:あなたはIE8の以前のバージョンで宣言する必要があります、この:最初の子を有効にします。

  最初のマッチ

要素

  次の例では、セレクタは、第一の子要素として任意の要素に一致します

要素:

  例

  P:最初の子{色:青。}

  すべての試合

最初の要素の要素

  次の例では、選択されたすべての試合

最初の要素の要素:

  例

  P> I:第一子{色:青。}

  最初のサブ要素のすべてを一致させます

すべての要素の要素

  次の例では、セレクタは、のように要素の任意の最初の子要素にマッチします

全ての要素の要素:

  例

  P:最初の子I {色:青。}

  CSS - :LANG疑似クラス

  :ラング擬似クラスますが、別の言語で特定のルールを定義する機能を持っているように、

  注意:IE8はサポートするために宣言する必要があります。LANG疑似クラス。

  次の例では,: LANG属性値のq引用符要素の定義の無いクラスタイプ:

  例

  Q:langの(NO){引用: "〜" "〜";}

  すべてのCSS擬似クラス/要素

  例えばイラストセレクタ

  :Checkedinput:チェックを選択したすべてのフォーム要素

  :Disabledinput:無効無効を選択し、すべてのフォーム要素

  :Emptyp:空の選択すべてのp要素が子要素を持っていません

  :Enabledinput:有効を選択し、すべて有効にフォーム要素

  :第一の-typep:第一の型の親要素は、第p要素Pの各サブエレメントのために選択されます

  :インrangeinput:イン範囲の値を選択された要素の指定された範囲内

  :Invalidinput:無効、無効なすべての要素を選択

  :最終-childp:最後の子は、すべてのp要素の最後の子要素を選択し、

  :ラスト・オブ・typep:最後の型それぞれp要素を選択するには、親要素のpの最後の要素であります

  :しない(セレクタ):いない(P)P以外の全ての要素を選択します

  :N番目の子(N)P:n番目の子(2)第2のpサブエレメントのすべての要素の親要素を選択します

  :N番目の最後子(N)P:第n-最後の子(2)第2のpサブ要素の逆のすべての要素を選択します

  :第N-最後の型(N)P:第n-最後の式(2)Pは第2のサブ素子Pの逆数である全ての要素を選択します

  :N次の式(N)P:n番目の型(2)サブエレメントの第2のp-Pの全ての要素を選択します

  :のみ・オブ・typep:のみ-の型要素Pのすべてのちょうどサブ要素を選択します

  :のみ-childp:唯一の子は、唯一の子要素を持つすべてのp要素を選択します

  :Optionalinput:オプションの選択は、要素の属性を「必要」されていません

  :アウトオブrangeinput:範囲外の選択された要素の指定された範囲外の属性値

  :読み取りonlyinput:読み取り専用、選択した要素の読み取り専用の属性を属性

  :-writeinputを読む:読み書き、読み取り専用プロパティは、要素のプロパティを選択しません

  :Requiredinput:必要な選択「が必要」属性は、要素のプロパティを指定します

  :ドキュメントのルート要素を選択しRootroot

  :ターゲット#ニュース:ターゲットの選択は、現在アクティブな#news要素(URLをクリックしてアンカーの名前が含まれています)

  :変数ValidInput:選択したプロパティのすべての有効値に有効

  :リンクA:リンクすべての未訪問のリンクを選択します

  :Visitedaは:選択すべての訪問のリンクを訪問しました

  :Activea:アクティブ選択がアクティブリンクです

  :Hovera:リンクステータスにマウスを移動

  :Focusinput:フォーカスの焦点を有する入力要素を選択した後

  :ファーストletterp:選択した各第一の手紙

手紙の最初の要素

  :ファーストlinep:それぞれの第一の選択肢

最初の行要素

  :ファーストchildp:第一子セレクタは、最初の子に属するすべての要素にマッチ

要素

  :Beforep:前に各

要素の前にコンテンツを挿入します

  :Afterp:各後

要素の後にコンテンツを挿入します

  :LANG(言語)P:LANG(それ)为

langは開始値の選択要素の属性

  (編集:Leilin鵬出典:削除されたネットワーク侵入)

おすすめ

転載: www.cnblogs.com/pengpeng1208/p/11269786.html