美文网首页
css中伪元素和伪类的区别

css中伪元素和伪类的区别

作者: 小强不是蟑螂啊 | 来源:发表于2019-04-16 14:03 被阅读0次

伪类选择器 :focus :link :active :hover :before :after :visited :first-child :lang
伪类选择器主要有两个意义:找到dom树中不存在的信息和常规css无法获取的信息
伪元素是获取到文档中不存在的内容 ::before ::after ::first-letter/::first-line
伪元素是有两个冒号开头::,然后是伪元素的名称
一个选择器只能使用一个伪元素,并且伪元素必须放在选择器的最后
伪元素创建了一个虚拟容器,这个容器不包含任何DOM元素,但是可以包含内容
总结:
伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息;
伪元素本质上是创建了一个有内容的虚拟容器;
CSS3中伪类和伪元素的语法不同;
可以同时使用多个伪类,而只能同时使用一个伪元素;

相关文章

  • CSS伪类

    CSS伪类 伪类是用来添加一些选择器的特殊效果。 伪类和伪元素的区别 有些人搞不清楚伪类和伪元素的区别,我们先来讲...

  • 伪元素与伪类的区别

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • css伪类及伪元素

    CSS中伪类与伪元素的概念是很容易混淆的今天就来谈谈伪类与伪元素之间的区别 定义 首先先来看看伪类与伪元素的定义w...

  • 【CSS】选择器

    CSS选择器|菜鸟教程 伪类&伪元素 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法...

  • 细说CSS伪类和伪元素

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

  • 撩课-Web大前端每天5道面试题-Day2

    1.伪类与伪元素的区别? 1) 定义区别 2) 语法区别 3) 伪类/伪元素一览表 2. css样式优先级,各自的...

  • 伪元素&伪类

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

  • 伪元素&伪类

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

  • Css3Two

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

  • part2: CSS基础-练习

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

网友评论

      本文标题:css中伪元素和伪类的区别

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