關於偽類別選取器用法總結

CSS3新增了很多強大的選取器 它可以讓我們少寫一些js事件指令碼 我們先來看看各個版本的選取器有哪些 註： ele代表element元素 attr代表attribute屬性，val代表value屬性值 :xxx都屬於偽類別選取器，::xxx都屬於虛擬元素選取器 有名字的選取器我盡量細分了CCS1選取器選取器類型樣本說明.class類別選取器.demo選擇所有class包含demo的元素#idID選取器#unique選擇所有id是unique的元素ele元素選取器p選擇所有p元素ele,ele並欄選取器h1,h2選擇所有h1元素和h2元素ele ele後代選取器p p選擇p元素內的所有p元素:link偽類別選取器a:link選擇未訪問連結:visited偽類別選取器a:visited選擇訪問過連結:active偽類別選取器a:active選擇活動連結:hover偽類別選取器a:hover選擇滑鼠

1. 關於CSS3選取器的詳細介紹及用法總結

簡介：CSS3新增了很多強大的選取器 它可以讓我們少寫一些js事件指令碼 我們先來看看各個版本的選取器有哪些 註： ele代表element元素 attr代表attribute屬性，val代表value屬性值 :xxx都屬於偽類別選取器，::xxx都屬於虛擬元素選取器 有名字的選取器我盡量細分了CCS1選取器 選取器 類型 樣本 說明 .class 類別選取器 .demo

2. 介紹2個偽類別選取器： E:nth-child(n)和E:nth-of-type(n)

簡介：結構偽類是css3新增的類型選取器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了這兩個，基本上跟他倆一家的其他幾個兄弟夥基本上也可以弄懂了。 首先先用文字語言來描述一下這倆：

3. CSS中的選取器種類總結及效率比較樣本

簡介：這篇文章主要介紹了CSS中的選取器種類總結及效率比較,包括偽類別選取器和虛擬元素選取器等,需要的朋友可以參考下

4. 詳解CSS各種選取器和import匯入樣式表還有一些偽類別選取器

簡介：這篇文章講述CSS各種選取器和import匯入樣式表還有一些偽類別選取器

5. CSS選取器整理

簡介：很多人都覺得CSS特別簡單，但其實真正寫好CSS並不容易，CSS的每一點其實內容都很多，就拿選取器來說，CSS選取器大概可以分為五類： 元素選取器 關係選取器 屬性選取器 偽類別選取器 偽對象選取器 元素選取器 選取器...

6. css3 巧用結構性偽類別選取器

簡介：css3 巧用結構性偽類別選取器

7. 偽類別選取器和內嵌元素的一點點小困惑_html/css_WEB-ITnose

簡介：偽類別選取器和內嵌元素的一點點小困惑

8. CSS3選取器（基礎選取器、屬性選取器、偽類別選取器、選取器策略）_html/css_WEB-ITnose

簡介：CSS3選取器（基礎選取器、屬性選取器、偽類別選取器、選取器策略）

9. CSS3 :nth-child()偽類別選取器_html/css_WEB-ITnose

簡介：CSS3 :nth-child()偽類別選取器

10. css的:first-child偽類別選取器用法介紹_html/css_WEB-ITnose

簡介：css的:first-child偽類別選取器用法介紹

【相關問答推薦】：

html5 - 關於css偽類別選取器中：nth-of-type(n) 選取器

css - 如何找到指定順序的某類名元素

javascript - JQuery子項目偽類別選取器:nth-child(n)中，n的值能否使用自訂的變數？

css3 - CSS偽類別選取器，如何選擇並控制相鄰的上一個標籤？

css3 - css中偽類別選取器跟偽對象選取器區別是啥