码迷,mamicode.com
首页 > Web开发 > 详细

css伪元素

时间:2016-01-15 13:00:29      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

CSS 伪元素用于向某些选择器设置特殊效果。

1、:first-line 伪元素  "first-line" 伪元素用于向文本的首行设置特殊样式。注意:"first-line" 伪元素只能用于块级元素。

<html>
<head>
<style type="text/css">
p{
  width:400px
}
p:first-line { color: #ff0000; font-variant: small-caps }
p{

}
</style> </head> <body> <p> You can use the :first-line pseudo-element to add a special effect to the first line of a text!wqdd qwd gege sf whwhjssf wrfq hywwvcwef dqivivzvqoiwvduocvqd </p> </body> </html>

技术分享

2、:first-letter 伪元素  "first-letter" 伪元素用于向文本的首字母设置特殊样式;注意:"first-letter" 伪元素只能用于块级元素。类似于:first-line

3、:after 伪元素 ":after" 伪元素可以在元素的内容之后插入新内容。

css伪元素

标签:

原文地址:http://www.cnblogs.com/yunyi1895/p/5132860.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!