美文网首页
" : 和 :: " css伪元素和伪类的

" : 和 :: " css伪元素和伪类的

作者: MetaZZZZ | 来源:发表于2017-03-11 15:28 被阅读236次

首先你要知道css中有伪类和伪元素, 伪类: 比如说 a标签 :hover 给你显示下划线, 提醒你这是个链接; 伪元素: 比如input的::placeholder这样的,修改样式

我们可以通过伪类和伪元素去简化我们的页面编写难度

区别

为什么要分成伪类和伪元素呢?
伪类: 就是这个元素的一个状态 比如 :active :checked :empty, 都是当这个元素的一个状态.
那伪元素又是什么呢?
你需要创建一个新的元素才能完成的样式,也就是说,如果你不用伪元素,你需要信创建一个元素才能完成这样的效果;
比如::after 和::before作用是在元素前后添加内容和样式, 对于伪元素 css提供了一个content属性 可以在css中对伪元素添加内容, 可以看这里我写的一个小例子:http://codepen.io/broven/pen/mWmVGV?editors=1100 (还没有搞清楚简书如何嵌入)

相关文章

  • " : 和 :: " css伪元素和伪类的

    首先你要知道css中有伪类和伪元素, 伪类: 比如说 a标签 :hover 给你显示下划线, 提醒你这是个链接; ...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类: css引入伪类和伪元素概念是为了格式化文...

  • 伪元素&伪类

    css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪元素&伪类:css引入伪类和伪元素概念是为了格式化文档...

  • part2: CSS基础-练习

    CSS全称: cascading style sheets 谈谈css伪类与伪元素 这是我见过最全的伪类和伪元素总...

  • Css3Two

    文本溢出样式设置 文本超出容器以后: 换行显示 超出容器部分也显示 伪类和伪元素 伪类和伪元素 都是css中的伪类...

  • 伪元素和伪类

    伪元素和伪类 什么是伪元素? CSS 在渲染文档的时候,伪元素可以通过 css 给 HTML 添加一个元素(叫标签...

  • 伪类和伪元素初探

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

  • ::before和::after伪元素的用法

    css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:tar...

  • ::before 和 :after中双冒号和单冒号 有什么区别?

    单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。(伪元素由双冒号和伪元素名称组成);:before...

  • css伪类和伪元素区别

    伪类与伪元素 css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中...

网友评论

      本文标题:" : 和 :: " css伪元素和伪类的

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