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
元素。