css的級聯(lián)選擇,或者是與或選擇,則選擇器之間不需要留有空格,比如選擇的類名稱同時叫做A和B的類名的元素,則這兩個選擇器之間不需要空格。
css說是調(diào)試工具其實只是一段 Javascript 代碼,但非常實用,它會給頁面里所有的 DOM 元素添加一個 1px 的描邊(outline),方便我們在調(diào)試 CSS 過程中分析、排查問題。
先來看看代碼,它有兩個版本,一個是使用的$$選擇器,代碼量更少(瀏覽器控制臺支持 $$ 選擇器);另一種就是傳統(tǒng)的document.querySelectorAll選擇器:
可以寫一個,也可以寫多個,沒有上限
1. 打開文檔,然后打開“CSS樣式”面板。
2. 在“CSS樣式”面板中,點擊右下角的“新建 CSS 規(guī)則”按鈕,打開“新建 CSS 規(guī)則”對話框。
在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項。
在“選擇器名稱”中點擊右邊的下拉箭頭,我們可以看到:
a:link:未訪問的超鏈接。
a:visited:已經(jīng)訪問過的超鏈接。
a:hover:鼠標(biāo)指針移動到上面時的超鏈接。
a:active:正在訪問的超鏈接。
3. 在“選擇器名稱”中選擇“a:link”項,然后點擊“確定”按鈕,打開“CSS 規(guī)則定義”對話框。
4. 在“CSS 規(guī)則定義”對話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設(shè)置鏈接字體的顏色、大小和修飾等。
5. 設(shè)置好以后單擊“確定”按鈕,完成“a:link”項的設(shè)置。