div是html中的一個標簽，通常情況下作為一個容器來容納其它元素，在css中表示一種選擇器；可以直接通過div（標簽選擇器）來查找對應的元素并設置其樣式；如果是.div那就表示是類名選擇器；是設置類名是div的元素來設置相關樣式；在pc端頁面中 使用的最多；

css中，.符號是類選擇器，用于選選擇某個class并對其設置樣式

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} /即具有相同樣式的標簽分組顯示

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

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