百度360必应搜狗淘宝本站头条
shell 字符串比较my.cnfword空格下划线不显示applicationcontextawaremaven镜像
当前位置：网站首页 > 技术资源 > 正文

什么是伪类和伪元素?两者有什么区别?单一冒号和双冒号有何不同

lipiwang 2025-05-21 14:51 3 浏览 0 评论

https://juejin.im/post/5df1e312f265da33d039d06d?utm_source=bigezhang.com#comment


伪类

伪类存在的意义是为了通过选择器找到那些不存在DOM树中的信息以及不能被常规CSS选择器获取到的信息。

  1. 获取不存在与DOM树中的信息。比如a标签的:link、:visited等，这些信息不存在与DOM树结构中，只能通过CSS选择器来获取；
  2. 获取不能被常规CSS选择器获取的信息。比如：要获取第一个子元素，我们无法用常规的CSS选择器获取，但可以通过 :first-child 来获取到。



伪元素

伪元素用于创建一些不在文档树中的元素，并为其添加样式。比如说，我们可以通过:before来在一个元素前增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。常见的伪元素有：::before，::after，::first-line，::first-letter，::selection、::placeholder等

因此，伪类与伪元素的区别在于：有没有创建一个文档树之外的元素。

::after和:after的区别

在实际的开发工作中，我们会看到有人把伪元素写成:after，这实际是 CSS2 与 CSS3新旧标准的规定不同而导致的。

CSS2 中的伪元素使用1个冒号，在 CSS3 中，为了区分伪类和伪元素，规定伪元素使用2个冒号。所以，对于 CSS2 标准的老伪元素，比如:first-line，:first-letter，:before，:after，写一个冒号浏览器也能识别，但对于 CSS3 标准的新伪元素，比如::selection，就必须写2个冒号了。

相关推荐

WIN10系统如何启用net Framework功能

当我们安装一些办公软件或是设计软件时，需要.netFramework运行环境，如果没有安装这个运行环境，软件就会无法运行了。那在哪启用呢？下面，我来和大家分享一下第一步，点击开始--设置--在查找设...

玩游戏怎能没有.NET Framework 3.5 但你会安装它吗?

前段时间NVIDIA发布的最强“煤气灶”引发的不仅仅是显卡价格的剧烈变动（其实也没啥，老的不降价，新的还死贵），还有就是随之而来的一大波游戏，一部分在STEAM平台上搞促销，另外一部分则是不停的放烟雾...

.Net Framework还是.Net Core?

大家都知道，微软在2016年推出了.NetCore框架。后来为了统一，在.NetFramework到了V4.8后便不再更新，同时.NetCore更名为.Net,版本从5.0开始，目前最新版本是....

.Net Framework详解

相信有不少小伙伴遇到过这种情况：安装软件时提示.NetFramework未安装导致软件无法打开，或者需要安装.NetFramework4.0以上的组件。那.NetFramework是什么呢？....

远离报错烦恼!深入全面掌握.NET Framework

由于Windows系统对.NETFramework这一系统组件有着极为特殊的要求，而部分应用软件及游戏对其的依赖性也近乎达到了驱动级的水准，使用或安装不当会遭遇许多“未知”的问题，因此如何掌握.NE...

系统小技巧:深入全面掌握.NET Framework

由于Windows系统对.NETFramework这一系统组件有着极为特殊的要求，而部分应用软件及游戏对其的依赖性也近乎达到了驱动级的水准，使用或安装不当会遭遇许多“未知”的问题，因此如何掌握.NE...

小菜鸟学Java--如何拿下数组

前面谈及到了引用数据类型，数组就是一种，它还是比较重要的一种，本篇就来详细说说它和向量。数组先来说说数组。那么什么是数组呢？它是在数组的基础上的。数组是一种常用的引用数据类型，相同数据类型的元素按照一...

Java Class 类文件格式看这一篇就够了

本文将揭开JavaClass文件的神秘面纱，带你了解Class文件的内部结构，并从Class文件结构的视角告诉你：为什么JavaClass字节码文件可以“写一次，遍地跑”？为什么常量池的计数从1开...

八种经典排序算法总结，妈妈再也不用担心我不会了

前言算法和数据结构是一个程序员的内功，所以经常在一些笔试中都会要求手写一些简单的排序算法，以此考验面试者的编程水平。下面我就简单介绍八种常见的排序算法，一起学习一下。一、冒泡排序思路：比较相邻的元素。...

Java 面试题问与答:编译时与运行时

在开发和设计的时候，我们需要考虑编译时，运行时以及构建时这三个概念。理解这几个概念可以更好地帮助你去了解一些基本的原理。下面是初学者晋级中级水平需要知道的一些问题。Q.下面的代码片段中，行A和行B所标...

Java、Set、Map集合框架知识大全，收藏备用

前言Java集合框架的知识在Java基础阶段是极其重要的，我平时使用List、Set和Map集合时经常出错，常用方法还记不牢，于是就编写这篇博客来完整的学习一下Java集合框架的知识，如有遗漏和错误，...

Java反射+注解实现Entity类与Dto类相互转换

作者：Mr_Precious链接：https://www.cnblogs.com/scale-lai/p/10164634.html序言近期在工作中管理代码时发现，在项目中从Dao层到Service层...

Java 最细的集合类总结

数据结构作为每一个开发者不可回避的问题，而Java对于不同的数据结构提供了非常成熟的实现，这一个又一个实现既是面试中的难点，也是工作中必不可少的工具，在此，笔者经历漫长的剖析，将其抽丝剥茧的呈现出...

我见过的最糟糕代码

本文最初发布于jesuisundev.com网站，经原作者授权由InfoQ中文站翻译并分享。在本文中，我将向你展示我见过的一些最糟糕的代码，它们被称为“魔鬼代码”，会带来很严重的后果。然而，我...

Java面试中最容易忽略的细节，你中了几个?避坑指南送你

今日分享开始啦，请大家多多指教~学习Java要明确自己的需求，知道自己要做什么；分析思路，知道自己要怎么做。确定步骤，每一个思路部分用到哪些方法和对象。最后用代码实现，用具体的java语言把思路体现出...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表