疑似クラスセレクターの使用法の概要

CSS3 には多くの強力なセレクターが追加されているため、より少ない JS イベント スクリプトを作成できます。まず、各バージョンのセレクターを見てみましょう。 ele は要素要素を表し、attr は属性属性を表し、val は value 属性値を表します。これらはすべて擬似クラス セレクターに属し、::xxx はすべて名前付きの擬似要素セレクターに属しており、セレクター タイプのサンプル デモではすべての要素が選択されています。クラスにはデモが含まれます。 #idID セレクター #unique は、ID が固有であるすべての要素を選択します。 ele 要素セレクター p は、すべての p 要素を選択します。 ele、ele 並列セレクター h1、h2 は、すべての h1 要素と h2 要素を選択します。 ele ele 子孫セレクター p p は、内のすべての p 要素を選択します。 p 要素。:link 擬似クラス セレクター a:link は未訪問のリンクを選択します:visited 擬似クラス セレクター a:visited 訪問済みのリンクを選択します:active 擬似クラス セレクター a:active アクティブなリンクを選択します:hover 擬似クラス セレクター a:hover はマウス

1. CSS3 セレクターの詳細な紹介と使用法の概要

はじめに: CSS3 には、より少ない JS イベント スクリプトを作成できるようにする多くの強力なセレクターが追加されました。各バージョンのセレクターを見てください。 注: ele は要素要素を表し、attr は属性属性を表し、val は値属性値を表します。xxx はすべて疑似クラス セレクターに属し、::xxx はすべて疑似要素セレクターに属します。分割された CCS1 セレクター セレクター タイプの説明例 .demo

2. 2 つの疑似クラス セレクターを紹介します: E:nth-child(n) and E:nth-of-type(n) )

はじめに: 構造擬似クラスは、CSS3 の新しい型セレクターです。 E:nth-child(n) と E:nth-of-type(n) はそのうちの 2 つです。この 2 人を理解すると、家族の他の兄弟についても基本的に理解できるようになります。 まず、この 2 つをテキスト言語で説明します:

3. CSS のセレクターの種類の概要と効率の比較例

はじめに: この記事では主に CSS のセレクターの種類について紹介します。疑似クラスセレクターや疑似要素セレクターなどの型と効率の比較。必要な友人は

4を参照してください。さまざまなCSSセレクターとインポートインポートスタイルシートといくつかの疑似クラス選択の詳細な説明

はじめに: この記事では、さまざまな CSS セレクター、インポート スタイル シート、およびいくつかの疑似クラス セレクターについて説明します

5。 はじめに: たくさんCSS は非常に単純だと思われていますが、実際には CSS の各ポイントに多くの内容が含まれています。CSS セレクターを例に挙げると、次の 5 つのカテゴリに分類できます。関係セレクター 属性セレクター 擬似クラス セレクター 擬似オブジェクト セレクター 要素セレクター セレクター...

6.

css3 構造擬似クラス セレクターの賢い使い方

はじめに: css3 構造擬似の賢い使い方クラスセレクター

7.

疑似クラスセレクターとインライン要素に関する少しの混乱_html/css_WEB-ITnose

はじめに: 疑似クラスセレクターインライン要素に関する少しの混乱

8. (基本セレクター、属性セレクター、疑似クラス セレクター、セレクター戦略)_html/css_WEB-ITnose

はじめに: CSS3 セレクター (基本セレクター、属性セレクター、擬似クラス セレクター、セレクター戦略)

9. CSS3:nth-child() 擬似クラス selector_html/css_WEB-ITnose

はじめに: CSS3 :nth-child() 擬似クラス セレクター

10. css:first-child 擬似クラス セレクターの使い方入門_html/css_WEB-ITnose

はじめに: css first-child 擬似クラスの使い方の紹介-class selector

[関連する Q&A の推奨事項]:

html5 - CSS 疑似クラス セレクターについて: nth-of-type(n) selector

css - 特定の種類の名前要素を見つける方法指定された順序で

javascript - JQuery 子要素擬似クラス セレクター: nth-child(n) では、n の値はカスタム変数を使用できますか?

css3 - CSS 疑似クラスセレクター、隣接する前のタグを選択して制御する方法?

css3 - CSS の擬似クラス セレクターと擬似オブジェクト セレクターの違いは何ですか

以上が疑似クラスセレクターの使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。