CSS3の新機能の紹介

零下一度
リリース: 2017-07-20 17:22:39
オリジナル
1321 人が閲覧しました

擬似クラスセレクター

  1. E:first-of-type: 同じ型の最初の兄弟要素 E と一致します

  2. E:last-of-type : 同じ型の最後の兄弟要素 E と一致します

    E:
  3. last-child:
  4. 親要素の最後から n 番目の子要素と一致します。最初の番号は 1 です

  5. E:

    nth-child(n): 親に属する要素を選択します

    E:
  6. nth-last-child(n)
  7. :

    E:
  8. only-childを選択します要素の n 番目の子要素の
  9. : 親要素に属する唯一の子要素を選択します (1 つだけ選択可能)

    E:
  10. only-of-type
  11. : 親要素に属する唯一の兄弟要素を選択します親要素に属します

    E:
  12. nth-of-type(n)
  13. : 同じ型の n 番目の兄弟要素 E と一致します。

    E:
  14. nth-last-of-type(n)
  15. : 同じ型の最後から 2 番目の n 番目の兄弟要素 E と一致します

  16. ハイパーリンクのステータス順序:

  17. a:
link

: ハイパーリンク a が訪問される前にスタイルを設定します


a:
    visited
  1. : リンクアドレスが訪問された後にハイパーリンク a のスタイルを設定します

    a:
  2. hover
  3. : マウスをホバーしたときの要素のスタイルを設定します。

    a:
  4. active
  5. : ユーザーによってアクティブ化されたときに要素を設定します (マウスのクリックとリリースの間に発生するイベント)。時間

    :
  6. Root
  7. : ドキュメントのルート要素を選択します

e:
empty

: サブ要素のない各 E 要素 (テキスト ノードを含む) を選択します。

  1. E:

    checked:
  2. はユーザーインターフェイス上で選択された要素 E と一致します。 (入力タイプがラジオとチェックボックスの場合に主に使用されます)
  3. E:

    enabled
  4. : 有効な各 E 要素を選択します (テキスト ボックスには無効な属性がありません)
  5. E :

    disabled
  6. : 無効になっている各 E 要素を選択します (テキスト ボックスには disabled 属性があります)
  7. E::selection: ユーザーが選択した要素の部分を選択します。

以上がCSS3の新機能の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート