新しいCSS3セレクター概要

新しいCSS3セレクタ

、属性セレクタ:
1)E [ATTR]:任意の属性の値を決定しない唯一のプロパティ名が、
2)E [ATTR =「値 」]: 指定するプロパティの名前と属性の属性値を指定
3)Eを[ATTR〜=「値」] :プロパティ名を指定し、プロパティの値を有し、属性値は単語のリストであり、空白で区切られた、単語リストは、値ワードを含み、および等号「〜」の前に必要に応じて
4)E [ATTR ^ =「値」]: 属性名を指定し、属性値がある、属性値が値5で始まる)E [ATTR $ = :「値」] が指定する属性名、およびプロパティ値、およびプロパティ値がの終了値である
6)E [ATTR * =「値」]: そこを指定するプロパティ名とプロパティ値、および値が値が含まれている
7)E [ATTR | =「値」 ]:属性名と属性値または値が値のみを開始する「付加価値」にある指定します(たとえば、左-CON)

Alのみ
AL-で始まる
2つの擬似クラスセレクタ
1)構造疑似クラスセレクタ
X:最初の子は、最初の子要素のセットに一致します。IE7をサポートすることができる
Xを:最後の子は、Xの最後の要素の親要素と一致する
マッチングインデックスのn個のサブ要素値のためのn番目の子(N):Xを。インデックス値は、1から始まる
X:この一般的な使用の唯一の子擬似クラスは比較的小さく、例えば、1と言うことである下側のP DIV、のいずれか一方のみを有する上記のコードと一致した、複数の内側のdiv pが存在する場合、しないであろう試合。(一つだけ子要素)
X-:N番目-ラスト・チャイルド(n-は)最後のインデックスからカウントを始めました。
注:(n)は括弧内のパラメータ値を指定することができる、式を書き込むことができる
2N \ 2N + 1 \奇数:として \も
位置と一致するラベル
X:(要素のような)第一の型の適合同胞最初の要素の要素兄弟X X:最後の型の最後の兄弟要素のX兄弟マッチ
X:n番目の型( n)はn型同胞の兄弟Xとのマッチング
X:専用型のX固有の兄弟要素に一致するのと同じタイプに属する
X:n番目の最後オブ型(n) 、n型兄弟兄弟の逆数と一致するX
:一致するドキュメントのルートルート要素。(標準一般化マークアップ言語のアプリケーションの下で)HTMLでは、ルート要素は常にHTMLではない
X:(テキストを含むなど)**一致空の子要素元素Xの
ターゲット擬似クラスセレクタ:
E:目標は、すべてのEにマッチする要素、および関連URL・ポイント(例:アンカーリンク)されている整合素子を選択

  • ダイナミック疑似クラスセレクタ
    E **:**リンク
    リンク擬似クラスセレクタは、
    整合素子Eを選択し、ハイパーリンクが訪問されていないとして、一致要素が定義されます。一般に、リンクポイントの説明に使用される
    E **:**訪問
    リンク擬似クラスセレクタは、
    整合素子Eを選択し、要素およびハイパーリンクを定義し、一致している訪問されました。一般に、リンクポイントの説明に使用される
    E **:**アクティブ
    ユーザ行動セレクタ
    整合素子Eを選択し、整合素子が活性化されます。一般に、リンクやボタン点について説明するために使用される
    :Eをホバー
    ユーザ行動セレクタが
    整合素子Eを選択し、ユーザのマウス
    素子Eに留まります IE6ブラウザのサポートのみA:ホバー
    E:フォーカスは
    、ユーザの行動選択が
    一致E要素を選択し、マッチング要素がフォーカス得る
    UI要素状態擬似クラスセレクタ
    Eが:有効に
    利用できる状態にあるすべてのユーザーインターフェイス(フォームシート)と一致E要素
    E:無効
    一致要素Eの使用不能状態にあるすべてのユーザーインターフェース(帳票)
    E:確認
    すべてのユーザーインターフェイス(フォームシート)を一致させるためには、素子Eに選択されている
    デフォルトで選択:無効チェック::利用可能な無効:有効
    E ::選択
    整合素子Eは、ユーザの部分を強調表示または選択されました
    レベルセレクタ
    E> Fの
    サブセレクタ
    F整合素子を選択し、サブ要素と一致E F要素の一致要素
    E + F
    (兄弟を見つけるために最初の後方に隣接して)隣接兄弟セレクタ
    選択バックF要素に一致し、F要素位置直ちに一致E要素マッチング
    E〜F
    (すべての兄弟の背後に見て)ユニバーサルセレクタが
    選択したすべてのF整合素子と一致し、一致したE要素F要素
リリース7件のオリジナルの記事 ウォンの賞賛2 ビュー115

おすすめ

転載: blog.csdn.net/weixin_44208755/article/details/104731957