《圖解CSS3：核心技術與案例實戰》——2.1節認識CSS選擇器

本節書摘來自華章社群《圖解css3：核心技術與案例實戰》一書中的第2章，第2.1節認識css選擇器，作者 大漠，更多章節内容可以通路雲栖社群“華章社群”公衆号檢視

2.1　認識css選擇器

要使某個樣式應用于特定的html元素，首先需要找到該元素。在css中，執行這一任務的表現規則稱為css選擇器。它為擷取目标元素之後施加樣式提供了極大的靈活性。實際上，css2.1已經為大家提供了很多常用的選擇器，基本能夠滿足web設計師正常的設計需求。

2.1.1　css3選擇器的優勢

既然css選擇器能滿足web正常的設計需求，css3選擇器有什麼優勢呢？css3選擇器不但支援所有css選擇器，同時新增了獨有的選擇器，對擁有一定css基礎的開發人員來說，學習css3選擇器是件非常容易的事。

css3選擇器在正常選擇器的基礎上新增了屬性選擇器、僞類選擇器、過濾選擇器。可以幫助您在開發中減少對html類名或id名的依賴，以及對html元素的結構依賴，使編寫代碼更加簡單輕松。如果學習過jquery選擇器，學習css3選擇器會更容易，因為css3選擇器在某些方面和jquery選擇器是完全一樣的，唯一遺憾的是部分舊版本浏覽器并不支援css3新增的部分選擇器。下面一起來體驗css3選擇器。

2.1.2　css3選擇器分類

根據所擷取頁面中元素的不同，把css3選擇器分為五大類：基本選擇器、層次選擇器、僞類選擇器、僞元素和屬性選擇器。其中，僞類選擇器又分為六種：動态僞類選擇器、目标僞類選擇器、語言僞類、ui元素狀态僞類選擇器，結構僞類選擇器和否定僞類選擇器，如圖2-1所示。

下面分别介紹這十種選擇器。