什么是伪类，伪元素？

已于 2023-03-08 19:07:47 修改
阅读量100 收藏
点赞数
文章标签： css 前端 html
于 2023-03-08 19:07:22 首次发布
原文链接：https://blog.csdn.net/m0_52083530/article/details/122628780
版权

伪类和伪元素的引入是因为在文档树里有些信息无法被充分描述

伪类

概念：为处于某个状态的已有元素添加对应的样式，这个状态是根据用户行为而动态改变的。

它可以用于

设置鼠标悬停在元素上时的样式
为已访问和未访问链接设置不同的样式
设置元素获得焦点时的样式

伪元素

概念：创建一些不在文档树中的元素，并为其添加样式。(就是选取某些元素前面或后面这种普通选择器无法完成的工作,虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。)

它可以用于

设置元素的首字母、首行的样式
在元素的内容之前或之后插入内容

落辰123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css中什么是伪元素,CSS伪元素是什么？
weixin_28733933的博客
08-04 1627
什么?伪元素?之前不是说了伪类吗，怎么又跑出来一个伪元素吗?它们不是一样的吗?呵呵，其实伪类和伪元素是两个不同的概念，今天小编就为大家介绍一下伪元素。一、什么是伪元素css伪元素代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。二、语法伪元素的语法：selector:pseudo-element{property:value;}标签：伪元素{性质:值;}CSS类也可以...
伪类和伪元素的区别？
weixin_47450807的博客
04-05 836
一、简单区分 伪类用于当已有元素处于某种状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。也就是说，当用户悬停指定的元素时，我们可以通过:hover来描述这个元素的状态。 伪元素用于创建一些不在文档树中的元素，并为其添加样式。它们允许我们为元素的某些部分设置样式。比如说，我们可以通过::before来在一个元素前添加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。 有时你会发现伪元素使用了两个冒号::而不是一个冒号:。这是CSS3的一部分，并尝试区分伪
浅析什么是伪类和伪元素？伪类和伪元素的区别解析
qq_47443027的博客
08-02 9168
1、伪类种类伪类作用对象是整个元素尽管这些条件不是基于DOM的，但结果每一个都是作用于一个完整的元素，比如整个链接，段落，div等等。2、伪元素种类伪元素作用于元素的一部分：一个段落的第一行或者第一个字母}伪元素其实相当于伪造了一个元素，例如 before，first-letter 达到的效果就是伪造了一个元素，然后添加了其相应的效果而已；而伪类没有伪造元素，例如 first-child 只是给子元素添加样式而已。伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但。...
伪类和伪元素的区别
青颜的天空的博客
03-16 800
1.什么是伪类？ 伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样，帮你在你的标记文本中减少多余的类，让你的代码更灵活、更易于维护。 伪类就是开头为冒号的关键字： :pseudo-class-name **解读：**伪类用于选择DOM树之外的信息，或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素，比如:visited，:active；后者包含那些满足一定逻辑条
什么是伪类？什么是伪元素？区别是什么？
程宇寒
10-15 3675
什么是伪类： a链接样式 点击链接 a:hover{color:red} 鼠标悬浮字体变红。 什么是伪元素：## 标题 ## p{ border:1px red solid; } p:before{content: “hey “; position: relative; left: 20px; } p:after{ content: “you are handsome!”; position:...
伪类和伪元素的区别是什么？
imagine_tion的博客
10-07 9583
一、两者的定义 1.伪类（pseudo-class）是一个以冒号作为前缀，被添加到一个选择器末尾的关键字，当你希望样式在特定状态才被呈现到指定的元素时，你可以往元素的选择器后面加上对应的伪类。 2.伪元素用于创建一些不在文档树中的元素，并为其添加样式。比如说，我们可以通过::before来在一个元素前添加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些**文本实际不在文档树中**。 二、区别 1.伪类是通过在**元素选择器上加入伪类**改变元素状态。 2.伪元素通过**对元素的操
什么是超链接伪类和伪元素
m0_65334415的博客
10-20 856
{}
伪类和伪元素
wwwjjjjj666的博客
12-26 922
伪类和伪元素的区别
什么是伪类？
杨春建的博客
11-23 7519
原文地址：http://news.hiapk.com/internet/s593e21b30a5a.html 什么是伪类？ 伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。 伪类有：:first-child ，:link:，:vistited，:hover:，:active，:focus，:
伪类和伪元素区别有哪些？
sdasadasds的博客
08-19 2500
2、使用方法不同：css3规范中要求使用双冒号（::）表示伪元素，以此来区分伪类和伪元素，比如::before和::after等伪元素使用双冒号（::），:hover和:active伪类使用单冒号（:）目前来看有一部分浏览器为了达到一个更好的兼容性的问题，我们的双冒号也可以写成单冒号；1、概念不同：伪类：用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的；伪元素：用于创建一些不在DOM树中的元素，并为其添加样式；相同点：都是属于选择器中的一种，能实现对于页面元素的修饰。
伪类、伪元素实例
03-20
https://mp.csdn.net/postedit/88689169 伪类选择元素基于的是当前元素处于的状态，或者说是元素当前所具有的...伪元素是对元素中特定内容进行操作的，它所操作的层次比伪类更深一层，也因此它的动态性比伪类要低很多。
CSS伪类和伪元素的区别详解
09-25
在CSS中，伪类和伪元素都是用于增加样式定义的重要工具，它们可以帮助开发者更精确地控制元素的外观，尤其是在特定的状态或位置下。虽然这两者在功能上有些相似，但它们有着本质的区别。 首先，让我们从定义上理解...
浅谈CSS伪类与伪元素
09-25
本文向大家展示了CSS的伪类与伪元素，介绍的非常全面，这里推荐给大家参考下。
css3 伪元素和伪类选择器详解
09-25
无论是伪类还是伪元素，都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3，两者都已经是推荐标准。
CSS伪类/伪元素选择器整理
09-25
CSS伪类及伪元素选择器，如超链接的a：link、a：visited、a：hover等等，本文整理了一些，喜欢的朋友可以收藏下
CSS【详解】层叠 z-index （含 z-index 的层叠规则，不同样式的层叠效果）
朝阳39的博客
07-09 604
仅对已定位的元素（）有效，默认值为0，可以为负值。
html设计（两种常见的充电效果）
最新发布
2301_81704123的博客
07-12 1159
title>充电效果
CSS技巧专栏：一日一例 3.纯CSS实现炫酷多彩按钮特效
uu0216的博客
07-10 1140
CSS的 box-shadow 属性可以用来给一个元素添加一个或多个阴影效果。如果你想要给一个div元素添加多种颜色的投影，你可以通过在box-shadow属性中用逗号分隔多个值对来实现。 上面代码，我们分别给按钮增加了红，黄，蓝，绿四种颜色的投影，并且让投影扩散范围增大，我们看看效果是不是我们想要的。在浏览器中刷新我们的按钮页面，把鼠标移动到按钮上，我们得到了这样的按钮效果：
JS之防抖和节流
喵喵的博客
07-09 1019
在页面的无限加载场景下，需要用户在滚动页面时，每隔一段时间发一次 ajax 请求，而不是在用户停下滚动页面操作时才去请求数据；所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。在后期有拓展了前缘防抖函数，即执行动作在前，设定延迟周期在后，周期内有事件被触发，不执行动作，且周期重新设定。当事件被触发时，设定一个周期延时执行动作，若周期又被触发，则重新设定周期，直到周期结束，执行动作。固定周期内，只执行一次动作，若没有新事件触发，不执行。
伪类和伪元素有什么区别
07-24
伪类和伪元素是CSS中的两个概念，它们的作用是为选择器提供额外的选择能力。 伪类（Pseudo-class）是用于选择元素的特殊状态或行为的关键词，它们以冒号（:）开头。例如，:hover用于选择鼠标悬停在元素上的状态，:first-child用于选择第一个子元素。 伪元素（Pseudo-element）是用于为元素的某些部分添加样式的关键词，它们以双冒号（::）开头。例如，::before用于在元素内容之前插入一个虚拟元素，::after用于在元素内容之后插入一个虚拟元素。 总结来说，伪类用于选择元素的特定状态或行为，而伪元素用于为元素的某些部分添加样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值