css的級(jí)聯(lián)選擇，或者是與或選擇，則選擇器之間不需要留有空格，比如選擇的類名稱同時(shí)叫做A和B的類名的元素，則這兩個(gè)選擇器之間不需要空格。

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

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

可以寫一個(gè)，也可以寫多個(gè)，沒有上限

1. 打開文檔，然后打開“CSS樣式”面板。

2. 在“CSS樣式”面板中，點(diǎn)擊右下角的“新建 CSS 規(guī)則”按鈕，打開“新建 CSS 規(guī)則”對(duì)話框。

在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項(xiàng)。

在“選擇器名稱”中點(diǎn)擊右邊的下拉箭頭，我們可以看到：

a:link：未訪問(wèn)的超鏈接。

a:visited：已經(jīng)訪問(wèn)過(guò)的超鏈接。

a:hover：鼠標(biāo)指針移動(dòng)到上面時(shí)的超鏈接。

a:active：正在訪問(wèn)的超鏈接。

3. 在“選擇器名稱”中選擇“a:link”項(xiàng)，然后點(diǎn)擊“確定”按鈕，打開“CSS 規(guī)則定義”對(duì)話框。

4. 在“CSS 規(guī)則定義”對(duì)話框中，在“分類”下拉框中選擇“類型”，然后在右邊“類型”部分設(shè)置鏈接字體的顏色、大小和修飾等。

5. 設(shè)置好以后單擊“確定”按鈕，完成“a:link”項(xiàng)的設(shè)置。