CSS ::first-line 选择器


实例

选择每个 <p> 元素的首行,并为其设置样式:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p::first-line {
  6. background-color: yellow;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <h2>世界自然基金会的使命宣言</h2>
  12. <p>制止地球自然环境的退化,建设一个人类与自然和谐相处的未来;保护世界生物多样性,确保可再生自然资源的可持续利用,促进减少污染和浪费性消费。</p>
  13. </body>
  14. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器
:first-line1.09.01.01.07.0

定义和用法

::first-line 选择器用于选取指定选择器的首行。

注释:以下属性可与 ::first-line 使用:

  • 字体属性
  • 颜色属性
  • 背景属性
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • clear

相关页面

CSS 教程:CSS 伪元素

分类导航