美文网首页js css html
哪些标签存在伪元素,伪类和伪元素的区别

哪些标签存在伪元素,伪类和伪元素的区别

作者: 萤火驻守心间 | 来源:发表于2022-08-03 22:03 被阅读0次

存在伪元素的标签:

1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素

2、大部分单标签都没有伪元素,但是img有伪元素

伪元素简介:

1、伪元素既然带一个“元素”,说明它和 p ,a ,h1 等一样,可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式

2、伪元素既然还带一个“伪”,说明它其实在 DOM 树中并不存在,只是逻辑上存在所以我们抽象出来的一个元素而已

伪类简介:

文档树的某个元素上并没有某个类,但是就好像在某种条件下,这个元素上被声明了这个类一样。例如:hover 我们并没有在 a 元素上声明一个叫 hover 的类,但是当我们把鼠标悬停在 a 元素上时,这个 a 元素上就好像有一个 hover 类, 其样式会根据hover样式里书写的那样进行变化。

相关文章

  • 细说CSS伪类和伪元素

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

  • CSS伪类和伪元素

    这篇文章比较详细的说明有哪些伪类和伪元素:总结伪类和伪元素 这句话说清楚伪类和伪元素的区别说的挺好的:(出处:重新...

  • 哪些标签存在伪元素,伪类和伪元素的区别

    存在伪元素的标签: 1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素 2、大部分单标签都没有伪...

  • CSS伪类和伪元素

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

  • CSS伪类

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

  • 伪元素和伪类

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

  • 第十二章 高级选择器

    伪类和伪元素区别 伪类一个冒号,伪元素两个冒号 一,伪类选择器 伪类性质: 伪类性质:加冒号不会对页面产生布局结...

  • 伪元素与伪类

    伪类和伪元素的根本区别在于:它们是否创造了文档树外的新元素。 伪类:存在于dom树中元素的某种特定状态。 focu...

  • CSS基础

    伪类和伪元素的区别 伪类表示状态 伪元素是真的有元素 前者单冒号,后者双冒号 图标 将svg图片转化为图标字体文件...

  • 伪元素与伪类的区别

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

网友评论

    本文标题:哪些标签存在伪元素,伪类和伪元素的区别

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