css 選擇器用于選擇和操作 html 元素,包括:通用選擇器:選擇所有元素。元素選擇器:選擇指定元素名稱的元素。類選擇器:選擇具有指定類名的元素。id 選擇器:選擇具有指定 id 的元素。后代選擇器:選擇屬于指定祖先元素的后代元素。子元素選擇器:選擇直接屬于指定父元素的子元素。相鄰兄弟元素選擇器:選擇緊接在指定兄弟元素之后的兄弟元素。通用兄弟元素選擇器:選擇與指定元素相鄰的所有兄弟元素。
CSS基礎(chǔ)選擇器
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 元素。






