伪类的妙用

Posted 梁乾顺

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了伪类的妙用相关的知识,希望对你有一定的参考价值。

before和after这两个伪类元素分别表示元素内容的【前】【后】,利用这两个伪元素可以在元素内容的前后添加内容,其实这没有什么前后的概念,如果应用了absolute的特性之后,你可以把这些伪元素放在任何位置,有了这两个伪元素,就代表每个元素都有两个助手可供使用,灵活运用它们的话将会得到很多有趣的实现,简化许多实现。

它不存在于文档中,所以js无法操作它

它属于主元素本身,有些伪类仅仅是代表元素内容的一部分,譬如:first-letter代表第一个字母;因此当伪元素被点击的时候触发的是主元素的click事件

块级元素才能有:before, :after,譬如img就不能设置,亦即某些元素是没有:before, :after的,只要知道一般的块级元素都可以用就行了

注意在css3中,为了与伪类区分,伪元素前应该使用两个冒号,即:hover伪类,::before伪元素。当然为了向下兼容,用一个冒号也是可以的,不过建议尽量使用规范的写法。

如果想详细了解,请链接  http://imweb.io/topic/554039a673d4069201d83e59  !!!!

以上是关于伪类的妙用的主要内容,如果未能解决你的问题,请参考以下文章

easyexcel中处理逗号以及java反射的妙用以及Filed类型的妙用

实用便签工具,它的妙用你们都了解吗

Docker的妙用

&&和||的妙用

Math.log()对数的妙用

(转)深入浅出 妙用Javascript中applycallbind