如何使用CSS content 属性
1、代码实例。从这个代码来看还是有一点点的小复杂的。首先是伪元素,接着是链接内容。
a:after { content: " (" attr(href) ")"; }

2、浏览器支持。从实际的使用来看,所有的元素都支持这样的一个代码。
对于IE8 来说,你 要规定一下 !DOCTYPE就行了。

3、用法。这个内容代码的使用需要结合 :before 及 :after 这样的伪元素来使用,因为有可能放在前面,也有可能放在后面。

4、代码说明。这个CSS content 属性 的默认值就是 normal 。这个代码的继承是 no ,这个代码的JAVA 语句是 object.style.content=

5、代码的可能值。对于这个代码来说,它的可能值有四种。
nono、normal、content specifications、inherit

6、完整的style 流程。从这个代码可以看出来,要点有两个,一个就是位置,一个就是内容。
<style type="text/css">
a:after
{content: " (" attr(href) ")"
}
</style>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:143
阅读量:149
阅读量:185
阅读量:38
阅读量:146