圖解css3：核心技術與案例實戰.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所示。