在 CSS 中,復(fù)合選擇器是由多個(gè)簡(jiǎn)單選擇器組合而成的。常見的復(fù)合選擇器類型包括:
后代選擇器:用一個(gè)空格隔開的兩個(gè)簡(jiǎn)單選擇器,表示匹配一個(gè)元素的后代元素。例如:.parent .child {}。
子元素選擇器:用一個(gè)大于號(hào)(>)隔開的兩個(gè)簡(jiǎn)單選擇器,表示匹配一個(gè)元素的子元素。例如:.parent > .child {}。
相鄰兄弟選擇器:用一個(gè)加號(hào)(+)隔開的兩個(gè)簡(jiǎn)單選擇器,表示選取緊接在另一個(gè)元素后的元素。例如:.first + .second {}。
通用兄弟選擇器:用一個(gè)波浪號(hào)(~)隔開的兩個(gè)簡(jiǎn)單選擇器,表示選取與另一個(gè)元素有相同父元素、在其后面的所有同級(jí)元素。例如:.first ~ .second {}。
屬性選擇器:根據(jù)元素的屬性和屬性值來(lái)選擇元素。例如:a[target='_blank'] {}。
偽類選擇器:根據(jù)元素的狀態(tài)或位置來(lái)選擇元素。例如::hover {}。
偽元素選擇器:用于向某些選擇器的特定部分添加修飾效果。例如:::before {}。
這些復(fù)合選擇器可以通過組合使用來(lái)更精確地選擇特定的元素。例如可以使用 .parent .child:first-child {} 來(lái)選擇父元素中第一個(gè)子元素。