伪类的妙用
Posted 梁乾顺
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了伪类的妙用相关的知识,希望对你有一定的参考价值。
before和after这两个伪类元素分别表示元素内容的【前】【后】,利用这两个伪元素可以在元素内容的前后添加内容,其实这没有什么前后的概念,如果应用了absolute的特性之后,你可以把这些伪元素放在任何位置,有了这两个伪元素,就代表每个元素都有两个助手可供使用,灵活运用它们的话将会得到很多有趣的实现,简化许多实现。
它不存在于文档中,所以js无法操作它
它属于主元素本身,有些伪类仅仅是代表元素内容的一部分,譬如:first-letter代表第一个字母;因此当伪元素被点击的时候触发的是主元素的click事件
块级元素才能有:before, :after,譬如img就不能设置,亦即某些元素是没有:before, :after的,只要知道一般的块级元素都可以用就行了
注意在css3中,为了与伪类区分,伪元素前应该使用两个冒号,即:hover伪类,::before伪元素。当然为了向下兼容,用一个冒号也是可以的,不过建议尽量使用规范的写法。
如果想详细了解,请链接 http://imweb.io/topic/554039a673d4069201d83e59 !!!!
以上是关于伪类的妙用的主要内容,如果未能解决你的问题,请参考以下文章