css3新增選擇器示例,dw里無法添加選擇器怎么辦?
新建一個html文檔,在body中插入一個div,將id命名為main
在右側(cè)的css設(shè)計器中點(diǎn)擊源的加號,選擇在頁面中定義
點(diǎn)擊選擇器的加號,輸入#main選中
點(diǎn)擊屬性,在其中對css樣式進(jìn)行編輯就行
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等。
css超鏈接link怎么用?
1. 打開文檔,然后打開“CSS樣式”面板。
2. 在“CSS樣式”面板中,點(diǎn)擊右下角的“新建 CSS 規(guī)則”按鈕,打開“新建 CSS 規(guī)則”對話框。
在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項。
在“選擇器名稱”中點(diǎn)擊右邊的下拉箭頭,我們可以看到:
a:link:未訪問的超鏈接。
a:visited:已經(jīng)訪問過的超鏈接。
a:hover:鼠標(biāo)指針移動到上面時的超鏈接。
a:active:正在訪問的超鏈接。
3. 在“選擇器名稱”中選擇“a:link”項,然后點(diǎn)擊“確定”按鈕,打開“CSS 規(guī)則定義”對話框。
4. 在“CSS 規(guī)則定義”對話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設(shè)置鏈接字體的顏色、大小和修飾等。
5. 設(shè)置好以后單擊“確定”按鈕,完成“a:link”項的設(shè)置。
css調(diào)試工具?
css說是調(diào)試工具其實只是一段 Javascript 代碼,但非常實用,它會給頁面里所有的 DOM 元素添加一個 1px 的描邊(outline),方便我們在調(diào)試 CSS 過程中分析、排查問題。
先來看看代碼,它有兩個版本,一個是使用的$$選擇器,代碼量更少(瀏覽器控制臺支持 $$ 選擇器);另一種就是傳統(tǒng)的document.querySelectorAll選擇器: