当前位置:首页 > CSS手册 > 正文

first-line

作者:不详 来源: 【 】 浏览: 添加日期:2008-12-12 我要评论(0)     

CSS :first-line 伪元素

定义

:first-line 伪元素向文本的首行添加特殊样式。

这个伪元素用于设置元素中的第一行文本的样式,而不论该行出现多少单词。

:first-line 只能与块级元素关联。可以应用到首字母的属性是有限的。

例子

p{font-size:12pt;}
p:first-line{color:#FF0000; font-variant:small-caps;}

<p>Some text that ends up on two or more lines</p>

注释:下列属性应用于 :first-line 伪元素:

  • font 属性
  • color 属性
  • background 属性
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • clear

伪元素可与 CSS 类结合:

p.article:first-line{color:#FF0000;}

<p class="article">A paragraph in an article</p>

本例将把所有 class="article" 的段落的第一行文本设置为 red。

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖CSS手册〗Tags:

把本文章添加到会员中心我的学习计划里

相关文章

更多评论(0)..会员评论

出差旅游免费预订酒店

【视频教程】新手常见问题