美文网首页
第5章 使用伪类来提高效率

第5章 使用伪类来提高效率

作者: 没人能救你呀吼 | 来源:发表于2016-06-20 08:16 被阅读5次

    伪类选取已设置过类的HTML元素,而伪元素选取的压根就不是HTML元素!
    伪类用单冒号,规范情况下伪元素用双冒号

    • :nth-child()
      常用来产生表格的斑马纹效果
    • img[src*=photos]:nth-child(even)
      找到所有src属性包含“photos”字样的图片,然后对那些偶数号的子元素应用指定样式 。不论类型
    • nth-of-type()
      一个很好的例子
    • 动态高亮显示页面的区域
    • 利用counter-reset,counter-increment,content实现纯css3序号图片
    • 支持过渡的属性
    • Animation属性

    相关文章

      网友评论

          本文标题:第5章 使用伪类来提高效率

          本文链接:https://www.haomeiwen.com/subject/jfxbdttx.html