1、css3目標選擇器，css調試工具？

css說是調試工具其實只是一段 Javascript 代碼，但非常實用，它會給頁面里所有的 DOM 元素添加一個 1px 的描邊（outline），方便我們在調試 CSS 過程中分析、排查問題。

先來看看代碼，它有兩個版本，一個是使用的$$選擇器，代碼量更少（瀏覽器控制臺支持 $$ 選擇器）；另一種就是傳統的document.querySelectorAll選擇器：

2、css三種選擇器的特點？

css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。

（可能名稱有不同的說法，但意思都是一樣的） 標記選擇器是利用HTML的標記直接定義標記內容的樣式，如：h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器，定義的時候要在名稱前加.如：.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW寫CSS的時候，高級就是上面說的ID選擇器，ID選擇器的名字可以任意命名，可以自己定義，可是標簽就只能是HTML語言里制定的那些標記，不能自己定義。

3、是什么選擇器？

head img 選擇器：就是指定CSS要作用的標簽，那個標簽的名稱就是選擇器。意為：選擇哪個容器。

CSS的選擇器分為兩大類：基本選擇題和擴展選擇器。

基本選擇器：

標簽選擇器：針對一類標簽

ID選擇器：針對某一個特定的標簽使用

類選擇器：針對你想要的所有標簽使用

通用選擇器（通配符）：針對所有的標簽都適用（不建議使用）

4、css3中偽類選擇器由什么組成？

w3c規范中偽類有：

active、hover、link、visited 【css1】

所有主流瀏覽器都支持以上偽類，但是只在對標簽上的支持最好。

【css2】的有3個

focus ： 如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

first-child：必須聲明<!doctype>才能夠確保在ie中正常支持

lang：如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)