编辑这个页面须要登录或更高权限！

CSS :first-line 伪元素

完整CSS选择器参考手册

在线示例

每个<p>元素的第一行选择的样式：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaojc.com)</title>
<style>
p:first-line
{
    background-color:orange;
}
</style>
</head>

<body>
<h1>江南丝竹</h1>
<p> 江南丝竹，曾因地区及惯有的随意性而被称为"苏南丝竹"、"吴越丝竹"等。20世纪50年代初举行的华东民间音乐汇演期间，几位关注这方面的乐人一起议论称名问题，大家最终认为"江南丝竹"一名较为适宜。于是就约定俗成了。
江南丝竹音乐真正形成是在清朝末年，一代代丝竹高手、名家将民间乐曲，古曲进行改编加工，逐渐形成其特色。它的兴起繁荣是在民国时期，距今一百多年。</p>
</body>
</html>
测试看看 ‹/›

定义和用法

:first-line选择器用来指定选择器第一行的样式。

注意::first-line选择器可以使用以下属性： 

  • font properties

  • color properties 

  • background properties

  • word-spacing

  • letter-spacing

  • text-decoration

  • vertical-align

  • text-transform

  • line-height

  • clear

注意: "first-line" 选择器适用于块级元素中。

浏览器兼容性

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器




::first-line1.09.0
部分从5.5		1.01.07.0
部分从3.5

相关文章

CSS 教程: CSS 伪元素

完整CSS选择器参考手册

CSS 函数(Functions)CSS 选择器大全

CSS 参考手册
CSS @规则(RULES)
CSS 属性大全