CSS의 기본 선택자는 무엇입니까?

CSS 선택기는 다음을 포함한 HTML 요소를 선택하고 조작하는 데 사용됩니다. 범용 선택기: 모든 요소를 ​​선택합니다. 요소 선택기: 지정된 요소 이름을 가진 요소를 선택합니다. 클래스 선택기: 지정된 클래스 이름을 가진 요소를 선택합니다. ID 선택기: 지정된 ID를 가진 요소를 선택합니다. 하위 선택자: 지정된 상위 요소에 속하는 하위 요소를 선택합니다. 하위 요소 선택기: 지정된 상위 요소에 직접 속하는 하위 요소를 선택합니다. 인접 형제 선택기: 지정된 형제 요소 바로 뒤에 있는 형제 요소를 선택합니다. 범용 형제 선택기: 지정된 요소에 인접한 모든 형제 요소를 선택합니다.

CSS 기본 선택기

CSS 선택기는 HTML 문서에서 HTML 요소를 선택하고 조작하는 데 사용됩니다. 다양한 CSS 선택기 유형이 있으며 각각 특정 목적을 수행합니다.

범용 선택기

• *: 모든 요소를 ​​선택합니다. *：选择所有元素。

元素选择器

• element_name：选择具有指定元素名称的元素。例如，p 选择所有段落元素。

类选择器

• .class_name：选择具有指定类名的元素。例如，.btn 选择所有具有 btn 类的元素。

ID 选择器

• #id_name：选择具有指定 ID 的元素。例如，#header 选择具有 header ID 的元素。

后代选择器

• 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

🎜Element selector🎜🎜🎜🎜element_name: 지정된 요소 이름을 가진 요소를 선택합니다. 예를 들어 p는 모든 단락 요소를 선택합니다. 🎜🎜🎜🎜클래스 선택기🎜🎜🎜🎜.class_name: 지정된 클래스 이름을 가진 요소를 선택합니다. 예를 들어 .btn은 btn 클래스가 있는 모든 요소를 ​​선택합니다. 🎜🎜🎜🎜ID 선택기🎜🎜🎜🎜#id_name: 지정된 ID를 가진 요소를 선택합니다. 예를 들어, #header는 ID가 header인 요소를 선택합니다. 🎜🎜🎜🎜Descendant selector🎜🎜🎜🎜ancestor_elementDescendant_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 중국어 웹사이트의 기타 관련 기사를 참조하세요!