1、css三種選擇器的區別，css3的作用及角色？

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

Chrome 和 Safari：-webkit

Firefox：-moz

IE：-ms

Opera：-o

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

2、css和jquery有什么區別？

jQuery

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

CSS （層疊樣式表）

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

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

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

（1）關系選擇器

例如： h1>strong

說明：表示選擇嵌套在h1標記的子標記strong。

（2）臨近兄弟選擇器

例如： h2+p

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

（3）普通兄弟選擇器

例如：p~h2

說明：表示選擇p標記所有的h2兄弟標記

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

不能

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

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

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

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