1、學(xué)習(xí)css選擇器，元素類名與類名元素有什么區(qū)別？

元素.類名 例如：p.abc{ color:red; } 類名是abc的標(biāo)簽p的顏色是red 類名.元素 .abc p{ color:red; } 表示：類名abc的任何標(biāo)簽旗下的p標(biāo)簽顏色是red

2、dw里無法添加選擇器怎么辦？

新建一個(gè)html文檔，在body中插入一個(gè)div，將id命名為main

在右側(cè)的css設(shè)計(jì)器中點(diǎn)擊源的加號(hào)，選擇在頁(yè)面中定義

點(diǎn)擊選擇器的加號(hào)，輸入#main選中

點(diǎn)擊屬性，在其中對(duì)css樣式進(jìn)行編輯就行

3、css調(diào)試工具？

css說是調(diào)試工具其實(shí)只是一段 Javascript 代碼，但非常實(shí)用，它會(huì)給頁(yè)面里所有的 DOM 元素添加一個(gè) 1px 的描邊（outline），方便我們?cè)谡{(diào)試 CSS 過程中分析、排查問題。

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

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

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

（1）關(guān)系選擇器

例如： h1>strong

說明：表示選擇嵌套在h1標(biāo)記的子標(biāo)記strong。

（2）臨近兄弟選擇器

例如： h2+p

說明：表示選擇h2標(biāo)記后緊鄰的第一個(gè)兄弟標(biāo)記p。

（3）普通兄弟選擇器

例如：p~h2

說明：表示選擇p標(biāo)記所有的h2兄弟標(biāo)記