CSS——僞元素與僞類

時間 2019-11-11

標籤 css 元素欄目 CSS 简体版

原文原文鏈接

僞類與僞元素

僞類：在特殊性中佔據0,0,1,0

　　：link

　　　　向未訪問的連接添加特殊的樣式。也就是說，連接所指的 URI 還沒有出如今用戶代理的歷史中。這種狀態與 :visited狀態是互斥的。html

　　：visited

　　　　對已訪問的連接添加樣式。spa

　　：hover

　　　　對鼠標懸停時的連接應用樣式代理

　　：foucs

　　　　對鼠標聚焦的連接應用樣式code

　　：active

　　　　向激活（在鼠標點擊與釋放之間發生的事件）的元素添加特殊的樣式。htm

　　對於上述僞類，要遵循順序書寫！！blog

　　：nth-child(n)

　　　　從父元素匹配索引爲n的子元素，設置樣式，n從1開始 nth-child(1)與first-child相同索引

<body>
    <div>
        <p>p1</p>
        <p>p2</p>
        <span>span1</span>
        <span>span2</span>
    </div>
</body>

div p:nth-child(1)時爲第一個p元素應用樣式事件

div span:nth-child(1)時匹配不到任何元素，覺得span爲div的第三個子元素文檔

　　：nth-of-type(n)

　　　　從父元素匹配第n個指定元素的子元素 nth-of-type(1)與first-of-type相同get

div p:nth-of-type(1)時爲p1應用樣式

div span:nth-of-type(1)時爲span1應用樣式

　　：target

　　　　在涉及的uri被使用的時候，把樣式應用到指定元素上。

　　：empty

　　　　選擇沒有子元素（包括文本節點）的元素。

　　：root　

　　　　選擇文檔樹中的第一個元素在html中 root永遠指定html元素,主要是爲了提升權重。

　　：not

　　　　E:not(F){}，選擇父元素E中除了F的全部元素應用樣式。

　　：checked

　　　　選擇被選中的元素應用樣式，多用於表單的單選，複選框。

　　：disabled/：enable

　　　　選擇禁止輸入/容許輸入的元素應用樣式，多用於input中

僞元素：全部的僞元素都必須放在全部選擇器以後,其特殊性爲0,0,0,1

　　：：first-letter

　　　　設置首字母樣式

　　：：first-line

　　　　設置第一行樣式

　　：：before

　　　　E::before{content:"";color:red;}

　　　　對E元素以前添加一個行內元素，其內容爲content中的內容，可自行設置樣式

　　：：after

　　　　與::before相反

1. CSS 僞類與僞元素
2. CSS僞類與僞元素
3. css僞類與僞元素
4. 【CSS】僞類與僞元素
5. css僞類和僞元素
6. CSS僞類和僞元素
7. CSS 僞類僞元素
8. css—僞類和僞元素
9. CSS 系列之僞類與僞元素
10. 談談css僞類與僞元素
更多相關文章...
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• 如何僞造ARP響應？ - TCP/IP教程
• Kotlin學習（二）基本類型
• Composer 安裝與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。