伪元素与伪类有什么差别吗?效果一样啊

来源:7-8 切换背景图像综合练习题

Samuel_Yang

2017-03-15 14:11

::before :before

写回答 关注

3回答

  • 慕灬秋
    2017-03-17 15:11:24
    已采纳

    伪类一开始单单只是用来表示一些元素的动态状态,典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围,使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。

    伪元素则代表了某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。


    Samuel...

    非常感谢!

    2017-03-18 08:55:13

    共 1 条回复 >

  • 慕神3310389
    2018-03-15 12:13:28

    伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的 id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和 class 有些类似,但它是基于文档之外的抽象,所以叫伪类。


    与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。

    阅读更多


  • Pst_wac
    2017-03-17 16:01:49

    个人认为:伪类偏向于一个元素的动作,伪元素偏向于一个元素的属性。

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242205 学习 · 2623 问题

查看课程

相似问题