1、css3子選擇器，css3的作用及角色？

CSS3是CSS2的升級版本，3只是版本號，它在CSS2.1 的基礎(chǔ)上增加了很多強(qiáng)大的新功能，目前主瀏覽器 Chorme、Safari、Firefox、Opera、甚至360都已經(jīng)支持了CSS3大部分功能了，IE10以后也開始全面支持CSS3了。在編寫CSS3樣式時，不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分。是瀏覽器的私有屬性雖然目前較新版本的瀏覽器都是不需要前綴的，但為了更好的向前兼容，前綴還是少不了的。

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

CSS3 把很多以前需要使用的圖片和腳本來實現(xiàn)的效果，甚至動畫效果，現(xiàn)在只需要短短幾行代碼就能搞定。比如：圓角、圖片邊框、文字陰影和盒陰景、漸變、個性化字體、多圖片背景、變形處理（旋轉(zhuǎn)、縮放、傾斜、移動）、過渡、動畫、多欄布局、媒體查詢等。還有選擇器，簡化了前端開發(fā)工作人中山小欖的設(shè)計過程，加快頁面載入速度。

2、css樣式語法？

css的樣式語法是：

1、css規(guī)則由選擇器和一條或多條聲明兩個部分構(gòu)成；

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

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

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

3、css復(fù)合選擇器有哪三種？

1、元素選擇器 標(biāo)簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用：通過它可以同時選中多個選擇器對應(yīng)的元素(通常用于集體聲明)

語法：選擇器1，選擇器2，選擇器n{ }

5、復(fù)合選擇器(交集選擇器)

作用：選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性

語法：選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格，要緊挨在一起

6、通配選擇器

作用：用來選中頁面中所有的元素

語法：*{ }

7、后代元素選擇器

作用：選中指定元素的指定后代元素

語法：祖先元素 后代元素{ }

8、子元素選擇器

作用：選中指定父元素的子元素

語法：父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

:hover 移入時元素的狀態(tài)

:visited 已被訪問過后的元素的狀態(tài)

:active 被點擊時元素的狀態(tài)

10、 屬性選擇器

作用：根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素

語法：[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用：選中一個元素后緊挨著的指定的兄弟元素

語法：前一個+后一個(作用在后一個)

~選擇器

作用：選中后邊所有的制定兄弟元素

語法：前一個~后邊所有

4、CSS選擇器first？

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

1

2

3