CSS中的選擇器,是指在樣式表中根據(jù)不同的選擇器來選取HTML文檔中的元素進行樣式設(shè)置的方式。
CSS選擇器分為基本選擇器、組合選擇器和屬性選擇器三類。
基本選擇器包括:
1. 元素選擇器:通過HTML標簽名來選擇元素,如h1、p、div等。
2. ID選擇器:通過HTML元素的id屬性來選擇唯一的一個元素,如#myId。
3. 類選擇器:通過HTML元素的class屬性來選擇多個元素,如.myClass。
4. 通配選擇器:用*來選擇所有元素。
組合選擇器包括:
1. 后代選擇器:用空格隔開兩個選擇器,表示選取后代元素,如div p。
2. 相鄰兄弟選擇器:用+號隔開兩個選擇器,表示選取相鄰的兄弟元素,如h1 + p。
3. 兄弟選擇器:用波浪線隔開兩個選擇器,表示選取所有兄弟元素,如h1 ~ p。
屬性選擇器包括:
1. 屬性選擇器:根據(jù)HTML元素的屬性名和屬性值來選擇元素,如[type='text']。
2. 子串匹配屬性選擇器:根據(jù)HTML元素的屬性值中的某個子串來選擇元素,如[href^='http']。
3. 偽類選擇器:根據(jù)元素在特定狀態(tài)下的樣式來選擇元素,如:hover、:active、:first-child。
選擇器的使用非常靈活,可以用來精細控制元素的樣式,大大提高了開發(fā)效率。
上一篇css中使用矢量圖片