伪元素冒号

于 2022-03-05 10:43:27 发布
阅读量139 收藏
点赞数
分类专栏： CSS 文章标签： es6 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60703077/article/details/123291090
版权

伪元素冒号

伪元素 一个冒号 和 两个冒号的区别？

伪类一直使用一个冒号 :hover 来书写。

伪元素可以使用 :before 或者 ::before 来表示.

双冒号的写法主要是为了区分伪类和伪元素，而使用单冒号是为了兼容低版本 IE（不能识别双冒号）。

::before 是 CSS3 的写法。 :before 是 CSS1 中的存在。

heiheiheiheiheiheii
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
老徐WEB：CSS伪类和伪元素详解
uvyoaa的专栏
02-02 585
比较常见的伪类有:link、:visited、:hover等，伪元素有:before、:after等，前端开发者多多少少都有接触过，又或者用过但不知道是伪类伪元素的情况。合理正确的利用伪类、伪元素有利于减少对DOM的操作。伪类是基于当前HTML标签（元素）的操作，即作用于整个元素的操作，这是相对伪元素来说的，也是我自己方便记忆的理解。伪类又分为状态伪类和结构性伪类。状态伪类是基于当前HTML标签（...
冒泡排序c++代码_教你写一手漂亮的伪代码
weixin_39848347的博客
12-04 2769
前言最近在复盘《算法设计与分析》这门课程的时候，发现老师写得一手漂亮的伪代码，着实羡慕不已，看他写其实已经知道大致写伪代码的规则，但本着严谨的态度，还是系统的学习和整理出来。在学习过程中，我们不可能将每一个算法都完完整整敲一遍，那么伪代码就可以很快捷和清晰的写出对一个算法的解决思路。我在网上查到的博客中要么写的过于繁琐，要么就是没有实例，这也激起了我想要整理这篇文章的动力，若文章中有错误或者不足，...
伪元素到底是一个还是两个冒号？
x1037490413的博客
09-11 1619
清楚一点： 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。 对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。 提醒，如果你的网站只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写
一看就懂的--伪类(一个冒号)与伪元素(两个冒号)的区别
weixin_53341042的博客
03-30 1006
前言：    关于伪类与伪元素这两个的区别,以及什么时候要加一个冒号(：)，以及两个冒号(：),也一直搞不懂，后来听一个老师讲了不到一分钟就豁然开朗了 1、一个冒号：表示伪类 如： div:hover div:nth-child() //css3选择器等 伪类表示一个状态，可以理解为它不是一个实实在在的东西， 2、两个冒号：表示伪元素 div::after{ width:100px; height:100px; } 伪元素可以理解为它是一个实实在在的东西，它其实跟元素是一样的，只是它这个元素
css常用伪类
qq_42238554的博客
04-28 1490
伪类使用单冒号比如： :link, :visited, :hover, :active, :focus, :first-child, :last-child, :nth-child, :nth-last-child, :not() 伪元素用双冒号表示： ::first-letter, ::first-line, ::before, ::after css中符合应用 “~”（波浪号）、“，”（逗号）...
JS控制伪元素的方法汇总
10-22
CSS3推荐使用双冒号`::`来区分伪元素和伪类，但为了兼容旧版本的IE8，有时仍会使用单冒号`:`。 3. **获取伪元素的属性值**： 使用`window.getComputedStyle()`方法可以获取元素及其伪元素的样式信息。此方法返回一...
CSS伪类和伪元素的区别详解
09-25
在CSS3中，为了更好地区分，伪类使用单个冒号（`:hover`），而伪元素使用双冒号（`::before`）。然而，出于兼容性的考虑，许多开发者仍然使用单冒号的形式。尽管如此，了解这一区别并在编写代码时遵循这一规范是有益...
2.3伪元素：2.3伪元素
02-24
伪元素通过在选择器后面使用双冒号（::）来定义，这与伪类（pseudo-classes）的单冒号（:）区分开来。伪元素主要分为两大类：第一代伪元素和第二代伪元素。第一代伪元素包括`::first-letter`、`::first-line`和`::...
详解CSS中的伪类与伪元素及二者间的区别
09-24
1. 表示方式：伪类只有一个冒号(:)，伪元素有两个冒号(::)（在CSS2.1中，伪元素也使用一个冒号，但在CSS3中进行了区分）。 2. 存在形式：伪类描述元素在特定状态下的表现，而伪元素则是在元素内部创建的虚拟内容，...
伪代码及其实例讲解
热门推荐
swqqcs的专栏
10-29 3万+
伪代码（Pseudocode）是一种算法描述语言。使用伪代码的目的是为了使被描述的算法可以容易地以任何一种编程语言（Pascal，C，Java，etc）实现。因此，伪代码必须结构清晰、代码简单、可读性好，并且类似自然语言。 介于自然语言与编程语言之间。 　　它以编程语言的书写形式指明算法的职能。相比于程序语言（例如Java, C++,C, Dephi 等等）它更类似自然语言。它是半角式化、不
编程语言中的冒号（：）
冰影随风的专栏
08-28 6188
1、lisp语言中用括弧（）分割语句和定义函数参数，用空格分割原子，用分号表示注释，逗号，数组中用，用冒号（：）来定义函数命令，即可以在cad命令行里输入。 2、python中，用（）定义函数参数，用逗号分割参数，逗号数组中也用，用分号分割语句，表示一个语句结束，或者用新的一行表示语句结束，作用同lisp中的（）又不完全相同。用冒号（：）引导一段程序块，比如if语句、for语句和自定义函数语句。...
关于伪类选择器中一个冒号和两个冒号的区别
weixin_30817749的博客
02-20 471
在平时工作中用到伪类选择器的时候一个冒号和两个冒号貌似都是可以的，所以两者到底有什么区别呢，我们先来看下W3C关于CSS3选择器的规范中有一段描述：　　A pseudo-element is made of two colons (::) followed by the name of the pseudo-element.　　This :: notation is introduced by...
伪元素使用详解（超详细版）
王二狗
05-06 1万+
1. :after ::after 单双引号的区别其实无论是单引号还是双引号，他们的本质都是伪元素，只不过因为伪类使用的也是单引号，同时他们的写法类似，写法也相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。2.使用伪元素需要注意
伪类(:单冒号)和伪元素(双冒号)
weixin_43739375的博客
03-20 833
css2的规定为单冒号表示，而css3已经明确表示伪类使用单冒号，伪元素使用双冒号，本次所有测试双冒号 伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽...
关于伪类与伪元素及其前面的冒号和两个冒号的使用
qq_25292481的博客
09-18 4932
关于伪类与伪元素及其前面的冒号和两个冒号的使用 我们知道，css提供了伪类及伪元素来增加css的功能及灵活性，然而，对于其使用方式有时候却有一些比较困惑于人的地方，比如什么是伪类，什么是伪元素，它们之间有什么区别，等等。 下面先上一张css选择器的汇总表： "CSS"列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。
css alter伪元素
最新发布
08-18
::after 伪元素用于在选中元素的内容之后插入内容，使用方式为在 CSS 中使用双冒号 (::) 加上 after。 例如，如果你想在一个段落的末尾插入一个小三角形图标，你可以使用 ::after 伪元素来实现。下面是一个示例： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值