美文网首页
第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章 使用伪类来提高效率

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

  • CSS伪类:first-child

    CSS 伪类用于向某些选择器添加特殊的效果。 CSS伪类的基础语法: 当然,CSS类也可以与伪类搭配使用: 在我第...

  • 伪类和伪元素初探

    Css3为了区分伪类和伪元素,伪类使用单冒号:,伪元素使用双冒号:: 常见伪类有 :hover,:link,:ac...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

  • CSS伪类和伪元素

    1. 什么是伪类和伪元素1.1. 伪类1.2. 伪元素1.3. 伪类与伪元素的区别 2. 使用 1. 什么是伪类和...

  • 10.超链接样式-CSS基础

    一、超链接伪类 1.何为超链接伪类 在CSS中,使用超链接伪类来定义超链接在鼠标点击的不同时期的样式。 (1)语法...

  • 细说CSS伪类和伪元素

    原文 博客原文 大纲 1、伪元素2、伪类元素3、伪元素和伪类元素的区别4、伪类和伪元素的使用 1、伪元素 伪元素在...

  • css伪类(Pseudo-classes) & after be

    anchor伪类 Eg: 伪类和CSS类 伪类可以与 CSS 类配合使用: 在一个节点前后加节点

  • CSS改变input标签中的placeholder颜色

    我们可以使用各个浏览器下的伪类来实现。

  • CSS伪类和伪元素

    语法数量位置类与元素使用场景伪类:多个前方和后方修饰多伪元素::单个后方创建对象少 使用场景 伪类状态类::lin...

网友评论

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

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