CSSの基本的なセレクターとは何ですか?

CSS セレクターは、次のような HTML 要素の選択と操作に使用されます。 ユニバーサル セレクター: すべての要素を選択します。要素セレクター: 指定された要素名の要素を選択します。クラス セレクター: 指定されたクラス名の要素を選択します。 ID セレクター: 指定された ID を持つ要素を選択します。子孫セレクター: 指定された祖先要素に属する子孫要素を選択します。子要素セレクター: 指定された親要素に直接属する子要素を選択します。隣接兄弟セレクター: 指定された兄弟要素の直後にある兄弟要素を選択します。ユニバーサル兄弟セレクター: 指定された要素に隣接するすべての兄弟要素を選択します。

CSS 基本セレクター

CSS セレクターは、HTML ドキュメント内の HTML 要素を選択および操作するために使用されます。 CSS セレクターにはいくつかの種類があり、それぞれが特定の目的を果たします。

#ユニバーサル セレクター

• : すべての要素を選択します。

要素セレクター

• element_name: 指定された要素名の要素を選択します。たとえば、p はすべての段落要素を選択します。

クラス セレクター

• .class_name: 指定されたクラス名の要素を選択します。たとえば、.btn はクラス btn を持つすべての要素を選択します。

ID セレクター

• #id_name: 指定された ID を持つ要素を選択します。たとえば、#header は ID header を持つ要素を選択します。

子孫セレクター

• ancestor_element descendant_element: 指定された祖先要素に属する子孫要素を選択します。たとえば、body .btn は、body 要素であり、クラス btn を持つすべての要素を選択します。

子要素セレクター

• parent_element > child_element: 指定された親要素に直接属する子要素を選択します。たとえば、ul > li は、ul 要素の直接の一部であるすべての li 要素を選択します。

#隣接する兄弟要素セレクター

previous_sibling_element next_sibling_element
• : 指定された兄弟要素の直後の兄弟要素を選択します。たとえば、p h2 は、p 要素の直後にある h2 要素を選択します。

ユニバーサル兄弟要素セレクター

~ sibling_element
• : 指定された要素に隣接するすべての兄弟要素を選択します。たとえば、p ~ h2 は、p 要素に隣接するすべての h2 要素を選択します。

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