CSSセレクターとは何ですか

css セレクターは、css スタイル属性、css 属性セレクターとも呼ばれます。css の「セレクター」は、「{}」の「スタイル」のオブジェクトを指定します。これが「スタイル」の役割です。 Web ページが使用されます。一般的に使用されるセレクターは、タグ名セレクター、クラス セレクター、ID セレクター、派生セレクター、子要素セレクター、およびグループ セレクターに分類できます。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS のセレクターとは何を意味しますか?

CSS を使用して HTML ページ内の要素を 1 対 1、1 対多、または多対 1 で制御するには、CSS セレクターを使用する必要があります。 HTML ページの要素は CSS セレクターを通じて制御されます。

一般的に使用されるセレクターは、タグ名セレクター、クラス セレクター、ID セレクター、派生セレクター、サブ要素セレクター、グループ セレクター、擬似要素セレクターに分類できます。

すべての CSS スタイル定義は、次の形式の 2 つの部分で構成されます: selector {style}。{} より前の部分は「セレクター」です。

「セレクター」は、{} 内の「スタイル」のオブジェクト、つまり「スタイル」が Web ページ内のどの要素に作用するかを指定します。

Css セレクターは、css スタイル属性および css 属性セレクターとも呼ばれます。

1. タグ名セレクター: タグの名前から指定されたタグを検索します

形式: 要素名 { }

2. クラス セレクター: クラス属性値を使用しますタグの指定 指定したタグを選択します。複数のタグは同じクラス値を持つことができます。

形式: .d1{ }

3. ID セレクター: ID でタグを検索します。ID は重複できません。 HTML ファイル内

形式: #id{}

4. 派生セレクター (子孫セレクター): パスと同様、要件を満たすタグが見つかった場合、すべての子孫タグが一致する

形式: ul li a{} #id li a{}

5. 子要素セレクター: 子孫と似ていますが、子要素

のみを取得できます。 . 形式: ul>li>a{ }

6. グループ セレクター: 複数のセレクターを組み合わせて、スタイルを均一に設定するために使用できます

形式: h1,h2,#abc,.m { }

7. 擬似要素セレクター: 擬似要素セレクターは要素のステータスを選択します。ステータスは次のタイプに分類されます:

リンクは要素のステータスを示します。クリックされていません

hover はマウスがホバーしているときの状態を表します

active は要素がクリックされたときの状態を表します

visited は要素がクリックされた後の状態を表します: #id:hover{ }

[推奨学習: 「css ビデオ チュートリアル 」]

以上がCSSセレクターとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。