1、列出css選擇器，css樣式語法？

css的樣式語法是：

1、css規則由選擇器和一條或多條聲明兩個部分構成；

2、選擇器通常是需要改變樣式的HTML元素；

3、每條聲明由一個屬性和一個值組成；

4、屬性和屬性值被冒號分隔開。css樣式語法規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。

2、css超鏈接link怎么用？

1. 打開文檔，然后打開“CSS樣式”面板。

2. 在“CSS樣式”面板中，點擊右下角的“新建 CSS 規則”按鈕，打開“新建 CSS 規則”對話框。

在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項。

在“選擇器名稱”中點擊右邊的下拉箭頭，我們可以看到：

a:link：未訪問的超鏈接。

a:visited：已經訪問過的超鏈接。

a:hover：鼠標指針移動到上面時的超鏈接。

a:active：正在訪問的超鏈接。

3. 在“選擇器名稱”中選擇“a:link”項，然后點擊“確定”按鈕，打開“CSS 規則定義”對話框。

4. 在“CSS 規則定義”對話框中，在“分類”下拉框中選擇“類型”，然后在右邊“類型”部分設置鏈接字體的顏色、大小和修飾等。

5. 設置好以后單擊“確定”按鈕，完成“a:link”項的設置。

3、css3新增功能？

1、css3新增的超級選擇器：屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器

2、使用選擇器在頁面中插入文字、圖片、項目編號等內容

3、文字陰影與自動換行

4、各類盒模型：總體分為block類型和in line類型，在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型

5、盒模型相關的屬性：overflow屬性（內容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計算）

6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性

7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）

8、新增的 transform變形功能：rotate（旋轉）、scale（縮放）、skew（傾斜）、translate（移動）

9、新增的動畫功能：transition（平滑過渡）、animation（關鍵幀）

10、布局相關樣式：多欄布局、盒布局、彈性盒布局

11、兼容性問題

4、CSS選擇器first？

.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節點，你前面有個content所以會失效

1

2

3

你把這里的span去掉和加上再看效果 就明白了