css樣式選擇器有:1、元素選擇器;2、類選擇器;3、ID選擇器;4、后代選擇器;5、子元素選擇器;6、相鄰同胞選擇器;7、屬性選擇器;8、偽類選擇器;9、偽元素選擇器。詳細介紹:1、元素選擇器,這是最基本的選擇器,它根據HTML元素的標簽名來選擇元素;2、類選擇器,使用”.”來選擇具有特定類的元素;3、ID選擇器,使用”#”來選擇具有特定ID的元素等等。
本教程操作系統:windows10系統、DELL G3電腦。
CSS樣式選擇器,也被稱為CSS屬性選擇器,用于指明CSS樣式的作用對象,即樣式應用于網頁中的哪些元素。每一條CSS樣式聲明(定義)由兩部分組成,形式如下:選擇器{樣式}。在{}之前的部分就是“選擇器”。CSS中的選擇器有很多種,例如標簽名選擇器、類選擇器、ID選擇器、派生選擇器、子元素選擇器、分組選擇器等。通過使用這些選擇器,開發者可以對HTML頁面中的元素實現一對一、一對多或者多對一的控制。
CSS樣式選擇器有很多種,以下是其中一些主要的類型:
1、元素選擇器:這是最基本的選擇器,它根據HTML元素的標簽名來選擇元素。例如,p選擇器會選擇所有的段落元素。
2、類選擇器:類選擇器使用.來選擇具有特定類的元素。例如,.my-class選擇器會選擇所有類名為my-class的元素。
3、ID選擇器:ID選擇器使用#來選擇具有特定ID的元素。例如,#my-id選擇器會選擇ID為my-id的元素。
4、后代選擇器:后代選擇器可以選擇某個元素的后代元素。例如,div p選擇器會選擇所有在div元素內部的p元素。
5、子元素選擇器:子元素選擇器可以選擇某個元素的直接子元素。例如,div > p選擇器會選擇所有div元素的直接子元素p。
6、相鄰同胞選擇器:相鄰同胞選擇器可以選擇某個元素的下一個同胞元素。例如,div + p選擇器會選擇所有緊接在div元素后面的p元素。
7、屬性選擇器:屬性選擇器可以根據元素的屬性來選擇元素。例如,[attr=value]選擇器會選擇所有屬性名為attr且值為value的元素。
8、偽類選擇器:偽類選擇器可以選擇元素的特定狀態,如鼠標懸停狀態、被點擊狀態等。例如,:hover偽類選擇器會選擇鼠標懸停時的元素。
9、偽元素選擇器:偽元素選擇器可以選擇元素的特定部分,如第一個字母、第一個行等。例如,::first-letter偽元素選擇器會選擇每個元素的第一個字母。
以上都是CSS中常用的樣式選擇器,它們可以單獨使用,也可以組合使用,以實現更復雜的樣式設置。