Css 中的伪类 before & after

前端之家收集整理的这篇文章主要介绍了Css 中的伪类 before & after前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参考文章 css-tricks.com/almanac/selectors/a/after-and-before/">css-Trick

伪类

在css中,有 before,after 两个伪类,分别表示在元素内容的前面,和元素内容的后面。

例如:

等同于:


    
before
after

一般伪元素的 content 属性可以设置以下内容

  1. 字符内容 content: 'hello'

  2. 图片内容 content: url(/path/to/image.jpg)

  3. content: ''


:: vs :

在现在主流的浏览器中都支持: :: 但是一些IE浏览器像 IE8 浏览器只支持 :
如此看来如果要兼容IE8 最好用 : 因为浏览器都支持 :

猜你在找的程序笔记相关文章