CSS3選擇器類型有以下幾種：
元素選擇器（Element Selector）：通過元素名稱來選擇元素，例如p選擇所有<p>元素。
類選擇器（Class Selector）：通過類名來選擇元素，以.開頭，例如.container選擇所有類名為container的元素。
ID選擇器（ID Selector）：通過元素的ID屬性來選擇元素，以#開頭，例如#header選擇ID為header的元素。
通配選擇器（Universal Selector）：選擇所有元素，使用*表示。
屬性選擇器（Attribute Selector）：通過元素的屬性來選擇元素，例如[type="text"]選擇所有type屬性值為text的元素。
后代選擇器（Descendant Selector）：選擇某個元素的后代元素，使用空格分隔，例如.container p選擇所有位于類名為container的元素內的<p>元素。
直接子元素選擇器（Child Selector）：選擇某個元素的直接子元素，使用>分隔，例如.container > p選擇所有位于類名為container的元素下的直接子級<p>元素。
兄弟選擇器（Adjacent Sibling Selector）：選擇某個元素的下一個兄弟元素，使用+分隔，例如.container + p選擇位于類名為container的元素后面的第一個兄弟<p>元素。
偽類選擇器（Pseudo-class Selector）：選擇元素的特定狀態或位置，以:開頭，例如:hover選擇鼠標懸停在元素上的狀態。
偽元素選擇器（Pseudo-element Selector）：選擇元素的特定部分，以::開頭，例如::before選擇元素的前面插入的內容。
否定選擇器（Negation Selector）：選擇不符合指定條件的元素，以:not()包裹條件，例如:not(.container)選擇不具有類名為container的元素。
狀態選擇器（State Selector）：選擇元素的特定狀態，例如:checked選擇已選中的復選框或單選按鈕。
UI元素狀態選擇器（UI Element State Selector）：選擇元素的特定用戶界面狀態，例如:enabled選擇可用的表單元素。
結構性偽類選擇器（Structural Pseudo-class Selector）：選擇元素的特定位置或結構，例如:first-child選擇父元素下的第一個子元素。
網格布局選擇器（Grid Layout Selector）：選擇網格布局中的元素，例如:nth-column()選擇網格布局中的第n列。
