首先來說一下,什麼是選擇器。在一個HTML頁面中會有很多很多的元素,不同的元素可能會有不同的樣式,某些元素又需要設定相同的樣式,選擇器就是用來從HTML頁面中查找特定元素的,找到元素之後就可以為它們設定樣式了。 選擇器為樣式規則指定一個作用範圍。 |
##### 1)基礎選擇器包括 |
- 标簽選擇器 |
- 類選擇器 |
- ID選擇器 |
- 通用選擇器 |
#### 二,ID選擇器 |
通過元素的ID值選擇元素: |
示例: |
```css |
/将id值為i1的元素字型顔色設定為紅色。/ |
#i1 { |
color: red; |
} |
``` |
#### 三,通用選擇器 |
使用 * 選擇所有元素: |
|
* { |
color: black; |
|
|
#### 四,進階選擇器 |
#### 五,後代選擇器 |
因為HTML元素可以嵌套,是以我們可以從某個元素的後代查找特定元素,并設定樣式: |
```CSS |
/從div的所有後代中找p标簽,設定字型顔色為紅色。/ |
div p{ |
|
|
|
#### 六,兒子選擇器 |
|
/從div的直接子元素中找到p标簽,設定字型顔色為紅色。/ |
div>p { |
|
|
|
#### 七,毗鄰選擇器 |
|
/找到所有緊挨在div後面的第一個p标簽,設定字型顔色為紅色。/ |
div+p{ |
|
|
|
#### 八,弟弟選擇器 |
|
/找到所有div标簽後面同級的p标簽,設定字型顔色為紅色。/ |
div~p{ |
|
|
|