位置: IT常识 - 正文

浅析什么是伪类和伪元素?伪类和伪元素的区别解析(伪类的常见类型)

编辑:rootadmin
浅析什么是伪类和伪元素?伪类和伪元素的区别解析 一、理解什么是伪类?什么是伪元素?

推荐整理分享浅析什么是伪类和伪元素?伪类和伪元素的区别解析(伪类的常见类型),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:什么是伪类伪元素,伪类有什么用,什么是伪类?,伪类有什么用,什么是伪类伪元素,什么是伪类?伪类的作用是什么?,什么是伪类伪元素,伪类的常见类型,内容如对您有帮助,希望把文章链接给更多的朋友!

1、伪类种类

  伪类作用对象是整个元素

a:link{color:#111}a:hover{color:#222}div:first-child{color:#333}div:nth-child(3){color:#444}

  尽管这些条件不是基于DOM的,但结果每一个都是作用于一个完整的元素,比如整个链接,段落,div等等。

2、伪元素种类

  伪元素作用于元素的一部分:一个段落的第一行或者第一个字母

p::first-line{color:#555}p::first-letter{color:#666}a::before{content : "hello world";}

3、总结:

  伪元素其实相当于伪造了一个元素,例如 before,first-letter 达到的效果就是伪造了一个元素,然后添加了其相应的效果而已;

  而伪类没有伪造元素,例如 first-child 只是给子元素添加样式而已。

浅析什么是伪类和伪元素?伪类和伪元素的区别解析(伪类的常见类型)

  伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

  但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。

二、伪类与伪元素的特性及其区别

1、伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息

2、伪元素本质上是创建了一个有内容的虚拟容器

3、CSS3中伪类和伪元素的语法不同

  伪类  :link  :hover              单冒号

  伪元素  ::before    ::after   双冒号

4、可以同时使用多个伪类,而只能同时使用一个伪元素

5、其中伪类和伪元素的根本区别在于:它们是否创造了新的元素,这个新创造的元素就叫  "伪无素"

6、伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。

   这个新元素(伪元素)是某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中

7、伪类:存在dom文档中标签,在伪类时改变样式

8、因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾

本文链接地址:https://www.jiuchutong.com/zhishi/300547.html 转载请保留说明!

上一篇:14个Python处理Excel的常用操作,非常好用

下一篇:CSS的选择器(超详细!!)(css选择器使用)

  • 小规模纳税人享受1%的税率
  • 税收分类编码表下载2023
  • 品种法,分批法,分步法是什么
  • 所得税申报资产不允许为0?
  • 增值税发票遗失怎么操作
  • 提取的应交增值税怎么算
  • 企业所得税分公司先报还是总部先报
  • 外包代发工资怎么做账
  • 个人独资企业优缺点有哪些
  • 企业季度所得税资产总额怎么填
  • 投标人组织结构怎么填写
  • 期货盈利需要交什么税
  • 汇算清缴之前找回来成本发票可以吗
  • 物流车辆挂靠账务怎么处理?
  • 员工娱乐活动比赛项目
  • 文化公司发展战略
  • 预计负债 负债
  • 出售房产会计账务处理
  • 中介公司收取中介费过高违法吗
  • 微星主板bios更新黑屏
  • rundll32.exe进程很多
  • 挂靠借用资质账务处理?
  • 销售返利计入什么费用
  • 服装制造业现状和发展趋势
  • 三维目标通用模板
  • 一般纳税企业增值税计算
  • 最常用的成本核算方法表
  • 基金公司做销售有前途吗
  • 房产税和城镇土地使用税需要计提吗
  • PHP中使用什么关键字声明变量的作用域为全局
  • 深入浅出讲解傅里叶变换
  • 员工报销的话费要缴纳个税吗?
  • 微信小程序图片大小如何设置
  • ChatGPT强化学习大杀器——近端策略优化(PPO)
  • 社会团体会员费做分录
  • 活动补助会计分录
  • 会计上弥补亏损
  • 织梦如何添加浮动广告
  • MySQL 数据库中,用于事务授权控制的关键词是下面哪个?
  • 企业注销了,存钱怎么办
  • 公司向公司借款合法吗
  • 支付增值税税控系统技术维护费用
  • 本月购进原材料取得增值税专用发票
  • 应交税费明细科目设置最新
  • 存货跌价准备什么科目
  • 本年利润总额是什么
  • 固定资产溢余
  • 投资利税率计算方法
  • 新会计准则开办时间规定
  • 固定资产折旧账务处理例题
  • 其他应付款二级科目有哪些
  • 事业单位其他特殊人员医疗保障是什么意思
  • 慈善捐款流程
  • hyper-v是啥
  • hadoop开发环境linux集群的安装步骤
  • 用户账户限制
  • mac电脑卡死按哪三个键
  • win10在更新界面怎么办
  • 实用的linux命令
  • 校园网升级套餐
  • window10如何校色
  • Win10 Mobile Redstone预览版14291上手体验评测
  • 开启win7
  • win8怎么看windows
  • tomcat怎么启动
  • 递归怎么调用
  • opengl编程实例
  • linux 环境 mysql写入中文报错
  • bash脚本加密
  • javascript参考书
  • 魅蓝notezol
  • ugui粒子ui层级
  • 一款简单的网络版多媒体课件制作软件是什么
  • javascript怎么关
  • 使用灭火器时要对准火焰的什么部位喷射
  • 安卓表格布局案例
  • 税务机关一案双查管理办法
  • 东莞网上办税服务厅
  • 珠海地区电话区号
  • 车辆登记指的是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设