CSS是一種樣式表語言,由選擇器和屬性構(gòu)成。選擇器負(fù)責(zé)選取HTML文檔中的元素,屬性則描述了要為元素應(yīng)用的樣式。
CSS提供了多種選擇器,以下是其中的幾種:
1. 元素選擇器 最常見的選擇器,選取HTML文檔中的元素。例如: p { color: red; } 選取所有的p元素,并將它們的顏色設(shè)置為紅色。 2. ID選擇器 通過元素的ID屬性選取一個(gè)唯一的元素。例如: #myId { font-size: 24px; } 選取ID為"myId"的元素,并將它的字體大小設(shè)置為24像素。 3. 類選擇器 通過元素的class屬性選取一組相同類名的元素。例如: .myClass { background-color: blue; } 選取所有class為"myClass"的元素,并將它們的背景色設(shè)置為藍(lán)色。 4. 屬性選擇器 通過元素的屬性選取元素。例如: a[] { color: green; } 選取所有href屬性等于"https://www.example.com/"的a元素,并將它們的顏色設(shè)置為綠色。
CSS選擇器可以組合使用,形成更加復(fù)雜的選擇器。例如:
ul li.active a { color: yellow; } 選取class為"active"的li元素的子元素a,并將它們的顏色設(shè)置為黃色。
掌握不同類型的選擇器,可以使得CSS更加靈活地選擇和應(yīng)用樣式。使用選擇器要注意權(quán)重,以保證樣式的優(yōu)先級(jí)正確。