css的after伪对象选择器简单介绍_html/css_WEB-ITnose
程序员文章站
2022-04-19 10:49:39
...
css的after伪对象选择器简单介绍:
本章节将会介绍一下after伪对象选择器的用法,希望能够给需要的朋友带来一定的帮助。
此选择器前面要加两个点:或者四个点::,两个点的时候是css2中的写法,在css3中规定是四个点,这是为了和伪类选择器进行区别,当然当前两个点也是适用的。
语法结构:
本章节将会介绍一下after伪对象选择器的用法,希望能够给需要的朋友带来一定的帮助。
此选择器前面要加两个点:或者四个点::,两个点的时候是css2中的写法,在css3中规定是四个点,这是为了和伪类选择器进行区别,当然当前两个点也是适用的。
语法结构:
E:after{ Rules } E::after{ Rules }
此选择器能够设置元素内部结尾的一些结构内容 通常和content属性一起使用,关于content可以参阅CSS的content属性一章节。
代码实例:
CSS教程 蚂蚁部落
以上代码可以可以再div元素的内部的后面添加指定的内容。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13556
更多内容可以参阅:http://www.softwhy.com/divcss/
下一篇: 简单美化下文章里面常用的H2代码
推荐阅读
-
HTML5新增的Css选择器、伪类介绍
-
CSS之旅(3):强大的伪选择器_html/css_WEB-ITnose
-
你所不知的 CSS ::before 和 ::after 伪元素用法_html/css_WEB-ITnose
-
a:active的作用是什么简单介绍_html/css_WEB-ITnose
-
CSS之旅(3):强大的伪选择器_html/css_WEB-ITnose
-
css引入外部css文件的方式简单介绍_html/css_WEB-ITnose
-
jquery或者js怎么抓取after伪类的内容?_html/css_WEB-ITnose
-
padding对于margin的影响简单介绍_html/css_WEB-ITnose
-
css引入外部css文件的方式简单介绍_html/css_WEB-ITnose
-
利用伪对象选择器E:after实现清除浮动效果_html/css_WEB-ITnose