美文网首页简友广场
CSS伪类/伪元素

CSS伪类/伪元素

作者: 前端来入坑 | 来源:发表于2018-11-20 18:50 被阅读55次

伪类:CSS 伪类用于向某些选择器添加特殊的效果

选几个常用的伪类举栗子

  • 选中input框里面的placeholder样式
image.png
input::placeholder{
            color: #ccc;
            font-size: 0.26rem;
            outline: none;
        }
  • :before/after 伪元素在元素之前/后添加内容。

这个伪元素允许创作人员在元素内容的最前面/后面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。

image.png
image.png

菜鸟官网http://www.runoob.com/css/css-pseudo-classes.html
w3c官网http://www.w3school.com.cn/css/css_pseudo_classes.asp

相关文章

  • part2: CSS基础-练习

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

  • css伪元素

    css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结, 意在总结连贯...

  • 伪元素&伪类

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

  • 伪元素&伪类

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

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • 伪类和伪元素

    伪类:CSS 伪类用于向某些选择器添加特殊的效果。 伪元素:CSS 伪元素用于向某些选择器设置特殊效果。 1、伪类...

  • CSS

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

  • 伪元素和伪类

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

  • 伪类和伪元素初探

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

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

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

网友评论

    本文标题:CSS伪类/伪元素

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