CSS選擇器類型有四種:
元素選擇器、類選擇器、ID選擇器和屬性選擇器。
元素選擇器是指通過HTML元素名稱來選擇元素。例如,選中所有的段落元素可以使用 "p",選中所有的鏈接元素可以使用 "a"。
類選擇器是以 "." 開頭,用于選中HTML元素中定義的 class 屬性。例如,選中所有 class 屬性值為 "example" 的元素可以使用 ".example"。
ID選擇器是以 "#" 開頭,用于選中HTML元素中定義的 id 屬性。例如,選中 id 屬性值為 "header" 的元素可以使用 "#header"。
屬性選擇器是用于選中擁有特定屬性或屬性值的HTML元素。屬性選擇器使用方括號 "[]",其中可以包含屬性名稱和屬性值。例如,選中所有帶有 alt 屬性的 img 元素可以使用 "img[alt]",選中 alt 屬性值為 "logo" 的 img 元素可以使用 "img[alt='logo']"。
理解并熟練使用這四種選擇器可以使CSS更精確地選擇特定元素,從而為網站的設計提供更多的靈活性和可定制性。