css選擇器集錦，css調(diào)試工具？
css說是調(diào)試工具其實(shí)只是一段 Javascript 代碼，但非常實(shí)用，它會給頁面里所有的 DOM 元素添加一個 1px 的描邊（outline），方便我們在調(diào)試 CSS 過程中分析、排查問題。
先來看看代碼，它有兩個版本，一個是使用的$$選擇器，代碼量更少（瀏覽器控制臺支持 $$ 選擇器）；另一種就是傳統(tǒng)的document.querySelectorAll選擇器：
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 被點(diǎn)擊時元素的狀態(tài)
10、 屬性選擇器
作用：根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個元素后緊挨著的指定的兄弟元素
語法：前一個+后一個(作用在后一個)
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個~后邊所有
css選擇器標(biāo)簽不能嵌套？
css選擇器標(biāo)簽可以嵌套，比如可以在類選擇器里面選擇id的元素，這樣就是選擇器的嵌套。
css選擇器的分類不包括什么？
css的選擇器的分類不包括“超文本標(biāo)記選擇器”。
css的選擇器包括類選擇器、標(biāo)簽選擇器、ID選擇器、偽類選擇器等等。
類選擇器，比如class類型 class = "nav"的話，那么css對應(yīng).nav{}；
標(biāo)簽選擇器，比如body input 就是直接對應(yīng) body{} input{}；
ID選擇器，比如 id="name"，那么css對應(yīng) #name{}；
偽類、偽對象：如a:link,a:hover,a:visited等。