第5章 使用偽類來提高效率

偽類選取已設置過類的HTML元素，而偽元素選取的壓根就不是HTML元素！
偽類用單冒號，規范情況下偽元素用雙冒號

  • :nth-child()
    常用來產生表格的斑馬紋效果
  • img[src*=photos]:nth-child(even)
    找到所有src屬性包含“photos”字樣的圖片，然后對那些偶數號的子元素應用指定樣式 。不論類型
  • nth-of-type(）
    一個很好的例子
  • 動態高亮顯示頁面的區域
  • 利用counter-reset,counter-increment,content實現純css3序號圖片
  • 支持過渡的屬性
  • Animation屬性
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本文轉載自：眾成翻譯譯者：為之漫筆鏈接：http://www.zcfy.cc/article/239原文：http...
    極樂君閱讀 7,412評論 1贊 62
  • CSS選擇器大致可以分成5類：基本選擇器，層次選擇器，屬性選擇器，偽類，偽元素。基本，層次，屬性選擇器比較容易理解...
    張歆琳閱讀 1,876評論 4贊 26
  • 偽類： 偽類用于當已有元素處于的某個狀態時，為其添加對應的樣式，這個狀態是根據用戶行為而動態變化的．比如說，當用戶...
    葶寳寳閱讀 959評論 1贊 13
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具（例如配置管理，服務發現，斷路器，智...
    卡卡羅2017閱讀 134,981評論 19贊 139
  • 轉載自牢記31種CSS選擇器用法 1 * 星號選擇器用于選取頁面中的所有元素，可用于快速清除所有元素的 margi...
    Icestains閱讀 1,286評論 0贊 1