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

CSS3是CSS2的升級版本，3只是版本號，它在CSS2.1 的基礎(chǔ)上增加了很多強大的新功能，目前主瀏覽器 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、html子元素怎么表示？

在使用 emmet 的縮寫形式來創(chuàng)建 html 代碼結(jié)構(gòu)的時候，可以使用嵌套。在元素里嵌套它的子元素，可以使用大于號(>)。

比如在一個無序列表 ul 元素里，嵌套一個它的子元素 li 元素 … 先輸入一個 ul .. 后面加上一個大于號，如果你學(xué)習(xí)過寧皓網(wǎng)的 CSS3 選擇器的課程，你會知道，這個 > 號表示元素的子元素 … 在它的右邊輸入大于號左邊的元素的子元素的名字 …. 這里就是 li 元素 … 按下 tab 鍵 …

得到的代碼就是一組 ul 元素里嵌套一個 li 子元素 ..

這個 ul>li 有個更簡單的形式，(#撤回).... 直接使用 ul+ … 這個簡寫形式會得到同樣的結(jié)果 …

類型的還有 ol+ … 它是 ol>li 的簡寫形式 … 也就是在 ol 有序列表元素里，嵌套一個 li 元素 …

table

3、用什么表示子代選擇器？

CSS3中的關(guān)系選擇器主要包括子代選擇器和兄弟選擇器，其中子代選擇器由符號連接，兄弟選擇器由符號“+”和“~”連接，具體如下所示。

（1）關(guān)系選擇器

例如： h1>strong

說明：表示選擇嵌套在h1標(biāo)記的子標(biāo)記strong。

（2）臨近兄弟選擇器

例如： h2+p

說明：表示選擇h2標(biāo)記后緊鄰的第一個兄弟標(biāo)記p。

（3）普通兄弟選擇器

例如：p~h2

說明：表示選擇p標(biāo)記所有的h2兄弟標(biāo)記

4、css選擇器命名能是百分號嗎？

不能

左邊是選擇器首字符，右邊是選擇器后面的字符

首字符支持的字符類型是a～z、A～Z、下劃線（_）以及非ASCII字符（中文、全角字符等）

后面的字符支持的字符類型是a～z、A～Z、0～9、下劃線（_）、短橫線（-）以及非ASCII字符

可以直接以短橫線開頭，如果是一根短橫線（-），那么短橫線后面必須有其他字符、字母或下劃線或者其他編碼字符；如果是連續(xù)兩根短橫線（–），則它的后面不跟任何字符也是合法的。