CSSセレクタ仕上げ
その他
2019-12-20 09:01:20
訪問数: null
基本的なセレクタ
- タグセレクタ:タブ名に直接書き込みます
- IDセレクタ:
#id名
- クラスセレクター:
.class名
- ワイルドセレクタ:
*
コンビネーションセレクタ
- 交差点:
ABCDEFG......
- 連合:
E, F, G, ......
関係セレクタ
- オフスプリング:
E F
- 後代:
E > F
- ネイバー:
E + F
- ・ブラザーズ:
E ~ F
属性セレクタ
E[attr]
:このプロパティは、ATTRあり
E[attr = "val"]
:ヴァル属性等しいです
E[attr ~= "val"]
:プロパティ値はヴァルを含む、スペースで区切ら
E[attr ^= "val"]
:プロパティの値がvalので始まります
E[attr $= "val"]
:最後までヴァル属性値
E[attr *= "val"]
:属性値が含まれていヴァル
E[attr |= "val"]
:属性値 - パーティション、とvalを備え、ヴァルだけ考えることができます
疑似クラスセレクタ
E:link
:スタイルの前に訪れていないリンク
E:visited
:リンク内のリンクアドレスは時代遅れのスタイルを訪問されました
E:hover
:それはホバースタイルの要素
E:active
:スタイル要素有効(マウスのクリックとリリースの間に発生するイベント)のユーザー
E:focus
:それは(オブジェクトが発生した場合ONFOCUS)入力フォーカスを持つオブジェクトスタイルの
E:lang(fr)
:Eは特別な言語要素を使用して一致します
E:not(s)
:Sは、一致するセレクタ要素Eが含まれていません
E:root
:Eは、文書のルート要素の一致します。HTMLでは、ルート要素は常にHTMLです
E:first-child
:親要素Eの最初の子をマッチング
E:last-child
:マッチング親要素の最後の子要素E
E:only-child
:唯一の子要素Eの親要素にマッチ
E:nth-child(n)
:親要素のマッチングのn番目の要素E、それは選択し、子供がEではないと仮定されるが無効である(2N + 1は、2n個のパリティを表すことができるまた、奇数および偶数パリティの代わりに使用することができます)
E:nth-last-child(n)
:n番目の要素Eの逆数に一致する親要素は、それは子供がEではないことを、選択すると想定され、無効です
E:first-of-type
:最初の兄弟の兄弟Eで同じタイプと一致
E:last-of-type
:Eの同じタイプの最後の兄弟の兄弟と一致
E:only-of-type
:必ず同じタイプEの兄弟兄弟と一致
E:nth-of-type(n)
:n番目の兄弟兄弟Eでの試合と同じタイプ
E:nth-last-of-type(n)
:マッチ逆数のn番目の兄弟兄弟Eのと同じタイプ
E:empty
:いいえ素子Eの(テキストノードを含む)任意のサブ要素と一致します
E:checked
:要素は、Eインタフェースをユーザに一致するように選択されます (ラジオやチェックボックス時刻の入力タイプの場合)
E:enabled
:エレメントEの使用可能な状態でユーザインタフェースにマッチ
E:disabled
:要素Eの使用不可状態のユーザインターフェースのマッチング
E:target
:URLのポイントは、Eの関連する要素を一致させます
擬似要素セレクタ
E:first-letter/E::first-letter
:指定されたオブジェクトのスタイルの最初の文字は(オブジェクトセレクタはCSS3の擬似擬似を(この擬似オブジェクトは、それがブロックレベルのオブジェクトに設定する必要があり、この疑似オブジェクトを使用するだけブロックオブジェクトインラインオブジェクトに作用します)要素セレクタの前に1つのコロン)(:)修飾二重コロン(::)クラスセレクタはダミー(疑似クラスセレクタ)を区別するために使用されるが、書き込みの前にまだ有効です。すなわち、E:最初の文字がEに変換することができます::最初の文字
E:first-line/E::first-line
:セットオブジェクトスタイルの最初の行
E:before/E::before
:コンテンツの設定は、オブジェクト(論理的なツリー構造に基づいてオブジェクト)前に発生しました。contentプロパティ、およびcontent属性で使用するために定義する必要があります
E:after/E::after
:コンテンツの設定は、オブジェクト(論理的なツリー構造に基づいてオブジェクト)の後に起こります。contentプロパティ、およびcontent属性で使用するために定義する必要があります
E::placeholder
:開発者/デザイナースタイルの変更テキストプレースホルダ、淡いとしてデフォルトのテキストのプレースホルダを可能にするプレースホルダの外観を制御するためのターゲット文字のプレースホルダー(::プレースホルダ擬似要素のフォーム入力のスタイルを設定します。灰色。フォームが可能な効果の色の背景色に似て非常に明白ではありません、あなたがテキストプレースホルダの色を変更するには、この擬似要素を使用することができます。Firefoxのに加えて、なおがある:: [プレフィックス]プレースホルダ、他のブラウザを使用している:: [プレフィックス]入力プレースホルダFirefoxのオーバーフローを処理するために、テキストオーバーフロープロパティを使用して、この擬似要素をサポートします。)
E::selection
:スタイルオブジェクトを設定する場合が選択されます
転載: www.cnblogs.com/wbyixx/p/12071166.html