您的位置:首页 > Web前端 > CSS

css 伪元素(before,after,first-letter,first-line)

2017-08-01 16:46 465 查看
语法>> 标签样式/类样式:伪元素{ 属性:值  }(css3有::after的写法为了将伪类和伪元素区分开来)

属性描述CSS
:first-letter向文本的第一个字母添加特殊样式。1
:first-line向文本的首行添加特殊样式。1
:before在元素之前添加内容。2
:after在元素之后添加内容。2
注意:"first-letter" 伪元素只能用于块级元素
例如:

html:

<div>
这里是第一行<br/>
这里是第二行<br/>
这里是第三行<br/>
这里是第四行<br/>
</div>css:
/*"first-line" 伪元素用于向文本的首行设置特殊样式。*/
div:first-line {
color: #ff0000;
font-variant: small-caps
}
div:after
{
content:"在元素最后加入新内容";//content:url(logo.gif)也可以插入一张图片
color: rgb(58, 117, 215)
}


效果:



 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  after before css伪元素