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鵬出典:削除されたネットワーク侵入)