css3選擇器有:1、元素選擇器;2、類選擇器;3、ID選擇器;4、屬性選擇器;5、后代選擇器;6、相鄰兄弟選擇器;7、偽類選擇器;8、偽元素選擇器;9、組合選擇器;10、層級選擇器;11、關系選擇器;12、否定偽類;13、目標偽類;14、輸入框偽類;15、結構化偽類;16、目標偽類;17、否定偽類;18、目標偽類。選擇器提供了更豐富和靈活的語法來選擇和操作HTML元素。
本教程操作系統(tǒng):windows10系統(tǒng)、DELL G3電腦。
CSS3選擇器提供了更豐富和靈活的語法來選擇和操作HTML元素。以下是一些常見的CSS3選擇器:
1、元素選擇器:這是最基本的CSS選擇器,它根據(jù)HTML元素的標簽名來選擇元素。例如,p選擇器將選擇所有的段落元素。
2、類選擇器:類選擇器通過元素的class屬性來選擇元素。例如,.my-class選擇器將選擇所有類名為my-class的元素。
3、ID選擇器:ID選擇器通過元素的id屬性來選擇元素。例如,#my-id選擇器將選擇ID為my-id的元素。
4、屬性選擇器:屬性選擇器通過元素的屬性來選擇元素。例如,[type=”text”]選擇器將選擇所有type屬性值為”text”的元素。
5、后代選擇器:后代選擇器通過元素的后代關系來選擇元素。例如,parent child選擇器將選擇所有parent元素下的child元素。
6、相鄰兄弟選擇器:相鄰兄弟選擇器通過元素的相鄰兄弟關系來選擇元素。例如,element + sibling選擇器將選擇緊接在element元素后的sibling元素。
7、偽類選擇器:偽類選擇器通過元素的特定狀態(tài)來選擇元素。例如,:hover選擇器將選擇鼠標懸停在元素上時的狀態(tài)。
8、偽元素選擇器:偽元素選擇器通過元素的特定部分來選擇元素。例如,::before選擇器可以選擇元素的內(nèi)容前插入一個偽元素。
9、組合選擇器:組合選擇器用于將多個選擇器組合在一起,以更精確地定位和選擇元素。例如,element>child選擇器將選擇element元素的直接子元素child。
10、層級選擇器:層級選擇器用于根據(jù)元素的層級關系來選擇元素。例如,:first-child選擇器將選擇每個元素的第一個子元素。
11、關系選擇器:關系選擇器用于根據(jù)元素之間的關系來選擇元素。例如,:nth-child(n)選擇器將選擇每個元素的第n個子元素。
12、否定偽類:否定偽類用于排除符合特定條件的元素。例如,:not(selector)選擇器將排除selector所選擇的元素。
13、目標偽類:目標偽類用于選擇處于特定目標狀態(tài)的元素。例如,:target選擇器將選擇當前活動的目標元素(通常是URL中的#后面的元素)。
14、輸入框偽類:輸入框偽類用于選擇處于特定輸入狀態(tài)的輸入框元素。例如,:valid和:invalid分別用于選擇有效的和無效的輸入框。
15、結構化偽類:結構化偽類用于根據(jù)元素的嵌套結構來選擇元素。例如,:first-of-type和:last-of-type分別用于選擇同一類型的第一個和最后一個元素。
16、目標偽類:目標偽類用于在用戶與頁面交互時,如懸停、點擊等動作時,對頁面中的特定元素進行樣式設計。例如,:hover,?:active,?:visited,?:link,?:first-child,?:last-child,?:nth-child(n),?:nth-last-child(n),?:checked,?:disabled,?:enabled,?:selected,?:valid,?:invalid等等。
17、否定偽類:否定偽類用于排除符合特定條件的元素。例如,:not(selector)用于排除selector所選擇的元素。
18、目標偽類:目標偽類用于在用戶與頁面交互時,如懸停、點擊等動作時,對頁面中的特定元素進行樣式設計。例如,:target用于選中當前活動的目標元素(通常是URL中的#后面的元素)。