15.1. CSS ::first-line 伪元素

::first-line -- CSS ::first-line 伪元素,匹配一个段落的第一行的样式
  • 语法: E::first-line
  • CSS版本:CSS1
  • 引用网址:http://www.dreamdu.com/css/pseudo-element_first-line/
  • 说明:
    • 匹配一个段落的第一行的样式
  • first-line,中文"第一行"的意思

可以应用在::first-line中的属性包括:fontcolorbackgroundword-spacingletter-spacingtext-decoration,vertical-align,text-transform,line-height

示例

p::first-line
{
	color: red;
}

将每一段的第一行的文字用红色显示

猴子提示: 段落第一行的长度取决于很多因素,例如:页面的宽度,字体尺寸等

猴子提示: ::first-line伪元素只可以和块类元素(div、p)连用

p::first-line
{
	background:red;
	color:white;
}

CSS ::first-line 伪元素示例 -- 可以尝试编辑

浏览器兼容性

CSS E::first-line 伪元素浏览器兼容性
选择符 IE6 IE7 IE8 IE9 FF CH OP SA
E::first-line yes yes yes yes yes yes yes yes


  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都