天天看點

基礎選擇器和進階選擇器

#### 一,CSS 選擇器
首先來說一下,什麼是選擇器。在一個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{