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

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

存在伪元素的标签:

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

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

伪元素简介:

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

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

伪类简介:

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

相关文章
|
6月前
|
前端开发
伪类,伪元素有什么,区别是什么
伪类,伪元素有什么,区别是什么
130 0
|
6天前
|
前端开发 UED 开发者
伪类选择器与伪元素选择器的区别
【10月更文挑战第23天】通过以上对伪类选择器和伪元素选择器的详细比较和分析,我们可以更清晰地理解它们之间的差异和各自的特点。在实际的网页设计和开发中,正确地选择和使用伪类选择器与伪元素选择器,能够为我们的页面带来更出色的视觉效果和更好的用户体验。同时,要不断关注浏览器的发展和更新,以确保我们的代码在各种环境下都能正常运行。
23 8
|
25天前
|
前端开发 JavaScript 开发者
伪类和伪元素
伪类和伪元素是 CSS 中用于扩展选择器功能的两种特性,无需额外的 HTML 标签即可创建复杂的样式规则。
|
2月前
|
前端开发
伪类是什么?
伪类是什么?
35 3
|
3月前
|
前端开发
CSS中的层级选择器&伪类选择器和伪元素选择器
CSS中的层级选择器&伪类选择器和伪元素选择器
|
前端开发 JavaScript
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
css中什么是伪类?伪类,伪元素有哪些?区别是什么?
117 1
|
6月前
|
前端开发
伪类是什么
伪类是什么。
24 1
|
前端开发
伪元素和伪类的区别和作用?
伪元素和伪类的区别和作用?
68 0
|
前端开发
伪类和伪元素的区别?
伪类和伪元素的区别?