美文网首页
[前端]伪元素和伪类的区别?

[前端]伪元素和伪类的区别?

作者: 半颗糖嘿 | 来源:发表于2022-10-11 18:34 被阅读0次

伪类:将特殊的效果添加到特定选择器上。它是已有元素上添加类别的,不会产生新的元素。例如:

a:hover{color:#FF00FF;}

伪元素:在内容元素的前后插入额外的元素或样式,但是这些元素实际上并不在文档中生成。它们只在外部显示可见,但不会在文档的源代码中找到它们。例如:

p::before{content:"第一章";}

总结:伪类是用过在元素选择器上加入伪类改变元素状态,而伪元素通过对元素的操作进行元素的改变。

相关文章

  • 细说CSS伪类和伪元素

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

  • CSS伪类和伪元素

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

  • CSS伪类

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

  • CSS伪类和伪元素

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

  • 第十二章 高级选择器

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

  • CSS 属性 - 伪类和伪元素的区别

    前言:之前自己一直没有弄清楚伪类和伪元素的区别,所以自己打算总结回顾一下。 一、伪类和伪元素的定义 伪类(Pseu...

  • CSS基础

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

  • 撩课-Web大前端每天5道面试题-Day2

    1.伪类与伪元素的区别? 1) 定义区别 2) 语法区别 3) 伪类/伪元素一览表 2. css样式优先级,各自的...

  • 伪元素与伪类的区别

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

  • css伪类及伪元素

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

网友评论

      本文标题:[前端]伪元素和伪类的区别?

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