最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS中的:after和:before的作用是什么_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:08:31
文档

CSS中的:after和:before的作用是什么_html/css_WEB-ITnose

CSS中的:after和:before的作用是什么_html/css_WEB-ITnose:CSS中的:after和:before的作用是什么:在当前的页面布局中:after和:before伪对象选择符的使用频率好像并不怎么高,因为低版本IE浏览器并不支持,不过也在清除浮动或者一切其他相关布局中有它们应用的身影。不过随着低版本浏览器使用率的下降,它们出现的频率应
推荐度:
导读CSS中的:after和:before的作用是什么_html/css_WEB-ITnose:CSS中的:after和:before的作用是什么:在当前的页面布局中:after和:before伪对象选择符的使用频率好像并不怎么高,因为低版本IE浏览器并不支持,不过也在清除浮动或者一切其他相关布局中有它们应用的身影。不过随着低版本浏览器使用率的下降,它们出现的频率应

CSS中的:after和:before的作用是什么:
在当前的页面布局中:after和:before伪对象选择符的使用频率好像并不怎么高,因为低版本IE浏览器并不支持,不过也在清除浮动或者一切其他相关布局中有它们应用的身影。不过随着低版本浏览器使用率的下降,它们出现的频率应该会相应的增加。下面就简单介绍一下这两个伪对象选择符的用法,先看一段代码实例:

     蚂蚁部落    |div原来的内容  

以上代码可以在div元素的内部前端添加指定的内容。当然:before伪对象选择符是和content属性配合使用实现的。
语法结构:

E:before{ Rules }E::before{ Rules }

E表示用选择器匹配的元素,例如:

div:before.first:before#mytest:before

在语法中可以看到有两种语法形式,一种是before前面有一个":",一种是before前面有两个":",第一种是CSS2的写法,第二个是CSS3的写法。IE7和IE7以下的浏览器并不支持CSS2写法,IE8和IE8以下浏览器并不支持CSS3的写法。:before伪对象选择符一般和content属性配合使用为指定匹配元素内部的前端添加指定内容。:after伪对象选择符的使用方式和:before的用是一样的,不介绍了。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0501/507.html

文档

CSS中的:after和:before的作用是什么_html/css_WEB-ITnose

CSS中的:after和:before的作用是什么_html/css_WEB-ITnose:CSS中的:after和:before的作用是什么:在当前的页面布局中:after和:before伪对象选择符的使用频率好像并不怎么高,因为低版本IE浏览器并不支持,不过也在清除浮动或者一切其他相关布局中有它们应用的身影。不过随着低版本浏览器使用率的下降,它们出现的频率应
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top