本節書摘來自華章社群《圖解css3：核心技術與案例實戰》一書中的第2章，第2.4節動态僞類選擇器，作者 大漠，更多章節内容可以通路雲栖社群“華章社群”公衆号檢視
2.4 動态僞類選擇器
僞類選擇器對于大家來說最熟悉的莫過于“:link”、“:visited”、“:hover”、“:active”，因為這些是大家平時常用到的僞類選擇器。而css3的僞類選擇器可以分成六種：動态僞類選擇器、目标僞類選擇器、語言僞類選擇器、ui狀态僞類選擇器、結構僞類選擇器和否定僞類選擇器。
僞類選擇器文法書寫時和其他的css選擇器寫法有所差別，都以冒号（：）開頭。例如：
其中e為html中的元素；pseudo-class是css的僞類選擇器名稱；property是css的屬性；value為css屬性值。
css3僞類選擇器有什麼功能？標明元素能帶來什麼便利？帶着這些問題，依次學習css3僞類選擇器的使用方法，首先是動态僞類選擇器。
2.4.1 動态僞類選擇器文法
動态僞類早在css中就有，其并不是css3才有的，動态僞類并不存在于html中，隻有當使用者和網站互動的時候才能展現出來。動态僞類包含兩種，第一種是在連結中常看到的錨點僞類，另一種為使用者行為僞類。其詳細說明如表2-5所示。
2.4.3 實戰體驗：美化按鈕
在衆多網站上按鈕在不同狀态下效果不一，用以增強使用者體驗，這也是一種非常好的設計體驗與細節。實作并不複雜，下面一起來看twitter的bootstrap如何美化按鈕。
實作頁面中按鈕在不同行為狀态下的樣式風格，常見的行為狀态如預設狀态、懸浮狀态、使用者點選時狀态和按鈕獲得焦點狀态。
通過twitter的bootstrap制作的按鈕效果如圖2-14所示。
根據使用者的行為不同，按鈕效果可以分為：預設狀态、懸浮狀态、點選時狀态、焦點狀态和點選後狀态，可以按照css3的動态僞選擇器，在不同狀态下給按鈕賦予不同的樣式風格。
根據這一設計思路，可以輕松美化按鈕，看下面的示例代碼，示範的效果如圖2-14所示。
這個美化按鈕執行個體涉及一些css3的特性，此時不懂不要害怕，本書後續章節中會為大家逐一介紹。在此例中隻需要知道哪些屬性是css3的特性就足夠了。同時執行個體中采用了“漸進增強，優雅降級”，在不支援css3的浏覽器中，同樣可以看到按鈕在不同狀态下的效果，隻是失去了漸變、陰影等效果，但并不影響網站的功能與使用者的體驗，ie 8下的效果如圖2-15所示。