伪元素”:after” , “:before"

时间：2016-07-20 19:09:33 阅读：134 评论：0 收藏：0 [点我收藏+]

标签：

伪元素就是源码html中不存在，而视觉上又存在的元素

blockquote:before {

content: open-quote;

// 其他样式

} // 表示在blockquote标签后面添加引号

css3 的content属性可以往页面元素里面填写内容;

没有内容时要写 content：“”；否则伪元素不显示

p:after {

content：“我是插在p标签结尾的内容”；

}

还可以配合attr动态获取content内容；

/* <div data-line="1"></div> */

div[data-line]:after {

content: attr(data-line); /* 属性名称上不要加引号！*/

} /* 在div的后面添加了data-line的值 1 ；*/

2.伪元素缺省状态为inline内联元素，如果要制定宽高需设置display: block;

3.插入图片最好用background属性

标签：

原文地址：http://www.cnblogs.com/Julian007/p/5689208.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行