ホームページ > 記事 > ウェブフロントエンド > 疑似クラスセレクターの使用法の概要

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

伊谢尔伦オリジナル: 2017-06-11 09:15:212205ブラウズ

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 つのカテゴリに分類できます。関係セレクター属性セレクター擬似クラスセレクター擬似オブジェクトセレクター要素セレクターセレクター...

css3 構造擬似クラスセレクターの賢い使い方疑似クラスセレクターの使用法の概要