css選擇器demo，css3中偽類選擇器由什么組成？
w3c規范中偽類有：
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類，但是只在對標簽上的支持最好。
【css2】的有3個
focus ： 如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child：必須聲明<!doctype>才能夠確保在ie中正常支持
lang：如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)
css如何設置網頁鏈接？
1. 打開文檔，然后打開“CSS樣式”面板。
2. 在“CSS樣式”面板中，點擊右下角的“新建 CSS 規則”按鈕，打開“新建 CSS 規則”對話框。
在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項。
在“選擇器名稱”中點擊右邊的下拉箭頭，我們可以看到：
a:link：未訪問的超鏈接。
a:visited：已經訪問過的超鏈接。
a:hover：鼠標指針移動到上面時的超鏈接。
a:active：正在訪問的超鏈接。
3. 在“選擇器名稱”中選擇“a:link”項，然后點擊“確定”按鈕，打開“CSS 規則定義”對話框。
4. 在“CSS 規則定義”對話框中，在“分類”下拉框中選擇“類型”，然后在右邊“類型”部分設置鏈接字體的顏色、大小和修飾等。
5. 設置好以后單擊“確定”按鈕，完成“a:link”項的設置。
css調試工具？
css說是調試工具其實只是一段 Javascript 代碼，但非常實用，它會給頁面里所有的 DOM 元素添加一個 1px 的描邊（outline），方便我們在調試 CSS 過程中分析、排查問題。
先來看看代碼，它有兩個版本，一個是使用的$$選擇器，代碼量更少（瀏覽器控制臺支持 $$ 選擇器）；另一種就是傳統的document.querySelectorAll選擇器：
標簽選擇器有哪些？
1. 標簽名選擇器 div { color：Red;} /即頁面中的各個標簽名的css樣式
2.類選擇器 .divClass {color:Red;} /即定義的每個標簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} /即頁面中的標簽的id
4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} /即多個選擇器以逗號的格式分隔 命名找到準確的標簽
5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標簽分組顯示