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_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 중국어 웹사이트의 기타 관련 기사를 참조하세요!