CSS :first-line选择器,获取首行

:first-line选择器

CSS中的:first-line选择器,可以用于获取匹配到的元素的首行内容,一般为文本。


语法

ele:first-line{attribute:value;}

提示:可以为first-line匹配到的内容设置字体样式、颜色样式、背景样式、word-spacing样式、letter-spacing样式、text-decoration样式、vertical-align样式、text-transform样式、line-height样式、clear样式等。


:first-line选择器实例代码,及在线编辑器

<p id='fl'>这是一个段落,将通过:first-line选择器来选择该段落的第一行,并设置字体大小为1.2em,颜色为skyblue。</p>
<style>
  #fl:first-line{font-size:1.2em;color:skyblue;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.