偽類和偽元素皆獨(dú)立于文檔結(jié)構(gòu)。它們獲取元素的途徑也不是基于id、class、屬性這些基礎(chǔ)的元素特征，而是在處于特殊狀態(tài)的元素（偽類），或者是元素中特別的內(nèi)容（偽元素）。區(qū)別總結(jié)如下：CSS偽類 (Pseudo-classes)：用于向某些選擇器添加特殊的效果，即在元素當(dāng)前靜態(tài)樣式的基礎(chǔ)上添加特殊效果（一般都是動(dòng)態(tài)效果），所以一個(gè)元素達(dá)到一個(gè)特定狀態(tài)時(shí)，它可能得到一個(gè)偽類的樣式；當(dāng)狀態(tài)改變時(shí)，它又會(huì)失去這個(gè)樣式。屬性描述:active向被激活的元素添加樣式:focus向擁有鍵盤輸入焦點(diǎn)的元素添加樣式:hover當(dāng)鼠標(biāo)懸浮在元素上方時(shí)，向元素添加樣式:link向未被訪問的鏈接添加樣式:visited向已被訪問的鏈接添加樣式:first-child向元素的第一個(gè)子元素添加樣式:lang向帶有指定lang屬性的元素添加樣式備注：在 CSS 定義中，同一個(gè)元素的&nbs

1. CSS偽類和偽元素的區(qū)別

簡(jiǎn)介：偽類和偽元素皆獨(dú)立于文檔結(jié)構(gòu)。它們獲取元素的途徑也不是基于id、class、屬性這些基礎(chǔ)的元素特征，而是在處于特殊狀態(tài)的元素（偽類），或者是元素中特別的內(nèi)容（偽元素）。區(qū)別總結(jié)如下：

2. 詳細(xì)介紹Javascript封裝id、class與元素選擇器的示例代碼分享

簡(jiǎn)介：這篇文章主要給大家介紹了Javascript封裝id、class與元素選擇器的方法，文中給出了詳細(xì)的示例代碼，對(duì)大家的理解和學(xué)習(xí)具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。

3. HTML5 canvas基本繪圖之繪制五角星

簡(jiǎn)介：<canvas></canvas>是HTML5中新增的標(biāo)簽，用于繪制圖形，實(shí)際上，這個(gè)標(biāo)簽和其他的標(biāo)簽一樣，其特殊之處在于該標(biāo)簽可以獲取一個(gè)CanvasRenderingContext2D對(duì)象，我們可以通過JavaScript腳本來控制該對(duì)象進(jìn)行繪圖。<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有hei

4. HTML5 canvas基本繪圖之繪制線條

簡(jiǎn)介：<canvas></canvas>是HTML5中新增的標(biāo)簽，用于繪制圖形，實(shí)際上，這個(gè)標(biāo)簽和其他的標(biāo)簽一樣，其特殊之處在于該標(biāo)簽可以獲取一個(gè)CanvasRenderingContext2D對(duì)象，我們可以通過JavaScript腳本來控制該對(duì)象進(jìn)行繪圖。<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有hei

5. HTML5 canvas基本繪圖之填充樣式實(shí)現(xiàn)

簡(jiǎn)介：<canvas></canvas>是HTML5中新增的標(biāo)簽，用于繪制圖形，實(shí)際上，這個(gè)標(biāo)簽和其他的標(biāo)簽一樣，其特殊之處在于該標(biāo)簽可以獲取一個(gè)CanvasRenderingContext2D對(duì)象，我們可以通過JavaScript腳本來控制該對(duì)象進(jìn)行繪圖。<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有hei

6. HTML5 canvas基本繪圖之圖形變換

簡(jiǎn)介：<canvas></canvas>是HTML5中新增的標(biāo)簽，用于繪制圖形，實(shí)際上，這個(gè)標(biāo)簽和其他的標(biāo)簽一樣，其特殊之處在于該標(biāo)簽可以獲取一個(gè)CanvasRenderingContext2D對(duì)象，我們可以通過JavaScript腳本來控制該對(duì)象進(jìn)行繪圖。<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有hei

7. HTML5 canvas基本繪圖之繪制曲線

簡(jiǎn)介：<canvas></canvas>是HTML5中新增的標(biāo)簽，用于繪制圖形，實(shí)際上，這個(gè)標(biāo)簽和其他的標(biāo)簽一樣，其特殊之處在于該標(biāo)簽可以獲取一個(gè)CanvasRenderingContext2D對(duì)象，我們可以通過JavaScript腳本來控制該對(duì)象進(jìn)行繪圖。<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有hei

8. HTML5 canvas基本繪圖之圖形組合

簡(jiǎn)介：<canvas></canvas>只是一個(gè)繪制圖形的容器，除了id、class、style等屬性外，還有height和width屬性。在<canvas>>元素上繪圖主要有三步： 1.獲取<canvas>元素對(duì)應(yīng)的DOM對(duì)象，這是一個(gè)Canvas對(duì)象；2.調(diào)用Canvas對(duì)象的getContext()方法，得到一個(gè)CanvasRenderingContext2D對(duì)象；3.調(diào)用CanvasRenderi

9. JQuery魔力之$("tagName")與selector_jquery

簡(jiǎn)介：DOM 中的 getElementsByTagName()方法在JQuery中的表現(xiàn)就是$(“tagName”)這么簡(jiǎn)單！tag標(biāo)簽（可以是：p、div、button …）標(biāo)簽本身具有ID、Class等屬性

10. jQuery基本選擇器選擇元素使用介紹_jquery

簡(jiǎn)介：基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個(gè)選擇符組成，通過基本選擇器可以實(shí)現(xiàn)大多數(shù)頁面元素的查找，感興趣的朋友可以參考下哈

【相關(guān)問答推薦】：

javascript – jquery選擇器使用data-的性能如何？