资讯专栏INFORMATION COLUMN

CSS伪元素和伪类总结

aisuhua / 3074人阅读

摘要:今天总结一下关于的伪元素和伪类自己做了一张图,简单列举了相关的知识点,另外,在图中有一点关于和的限制没有列举出来,此处做一下简单描述在中,和伪元素只能应用于标记或段落之类的块级元素上,而不能应用于超链接等的行内元素。

最近一直在学习《CSS权威指南》,看完一个章节习惯整理知识点并做一下记录,便于以后回过头来温习,顺便也加深自己的记忆。今天总结一下关于CSS的伪元素和伪类:

自己做了一张图,简单列举了相关的知识点,另外,在图中有一点关于:first-letter:first-line的限制没有列举出来,此处做一下简单描述:

在CSS 2中,:first-letter:first-line伪元素只能应用于标记或段落之类的块级元素上,而不能应用于超链接等的行内元素。在CSS 2.1中,:first-letter能应用于所有元素。不过能应用于:first-letter:first-line的CSS属性还是有一些限制,具体允许的属性见下表:

另外,所有的伪元素都必须放在出现该伪元素的选择器的最后面,例如,如果写成了p:first-line em这种就是不合法的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111732.html

相关文章

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

    摘要:之前写了一篇详解属性的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸兄指正了我的错误,所以今天打算好好研究下两者的区别。伪元素用于将特殊的效果添加到某些选择器。伪类种类伪元素种类区别这里用伪类和伪元素来进行比较。 之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸 @ri...

    jiekechoo 评论0 收藏0
  • 详解 CSS 属性 - 类和元素的区别

    摘要:之前写了一篇详解属性的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸兄指正了我的错误,所以今天打算好好研究下两者的区别。伪元素用于将特殊的效果添加到某些选择器。伪类种类伪元素种类区别这里用伪类和伪元素来进行比较。 之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸 @ri...

    AZmake 评论0 收藏0
  • CSS基础篇-- :before && :after的用法,类和元素的区别

    摘要:一的用法如同对伪元素的名称一样,是用来给指定的元素的内容前面插入新的内容。二伪类和伪元素的区别伪类种类伪元素种类伪类作用对象是整个元素例如尽管这些条件不是基于的,但结果每一个都是作用于一个完整的元素,比如整个链接,段落,等等。 一::before && :after的用法 :before 如同对伪元素的名称一样,:before 是用来给指定的元素的内容前面插入新的内容。举例说明: .b...

    X_AirDu 评论0 收藏0
  • CSS3类和元素

    作为一个CSS3初学不久者来说,很容易混淆单冒号(:)和双冒号(::)的用法,以为两者可以互换着来使用。我自己之前也混淆过他们,因为两者看起来太相像了,就像孪生兄弟。但实际上,他们的区别还是挺大的,最多算得上近房亲戚。 下面我们来开始讲讲单冒号(:)伪类和双冒号(::)伪元素有什么相同和不同点(另外在CSS2中单冒号: 也叫做伪对象,具体可看看http://www.mb5u.com/tool/cs...

    mozillazg 评论0 收藏0
  • css类和元素的学习

    摘要:发现有很多东西效果其实可以用伪类或者伪元素实现。记录下为什么引入伪类和伪元素引入伪类和伪元素概念是为了格式化文档树以外的信息,也就是说。伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者列表中的第一个元素。 最近用js实现一些css效果。发现有很多东西效果其实可以用伪类或者伪元素实现。特地补充下这方面的知识。 记录下 为什么引入伪类和伪元素 CSS introd...

    魏宪会 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<