CSS 選擇符是用于通過HTML標記將樣式屬性應用于特定元素的方法。以下是5種常用的CSS選擇符:
1. 元素選擇符: p { color: red; }
元素選擇符是最常用的CSS選擇符之一。這個選擇符選擇了所有的p元素,并將它們的顏色屬性設置為紅色。
2. 類選擇符: .menu-link { color: blue; }
類選擇符是用于選擇HTML中特定類的元素。這個選擇符選擇了HTML中所有class是"menu-link"的元素,并將它們的顏色屬性設置為藍色。
3. ID選擇符: #header { background-color: gray; }
ID選擇符是用于選擇HTML中特定ID的元素。這個選擇符選擇了HTML中ID為"header"的元素,并將它們的背景顏色屬性設置為灰色。
4. 相鄰兄弟選擇符: h1 + p { font-size: 20px; }
相鄰兄弟選擇符是選擇在另一個元素后面的兄弟元素。這個選擇符選擇了所有在h1元素后面的p元素,并將它們的字體大小屬性設置為20像素。
5. 子選擇符: ul >li { list-style-type: none; }
子選擇符是選擇在另一個元素下面的子元素。這個選擇符選擇了所有在
- 元素下面的
- 元素,并將它們的列表樣式屬性設置為無。
這些是最常用的5種CSS選擇符。與其他選擇符相比,它們都有不同的用途和優點。了解如何使用這些選擇符將幫助您更好地編寫樣式表并控制HTML中的元素。
上一篇css th設定固定寬
下一篇css td自適應網頁