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

来源:互联网 发布:linux php改端口号 编辑:程序博客网 时间:2024/05/29 04:48

语法>> 标签样式/类样式:伪元素{ 属性:值  }(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)}

效果: