在具有 CSS 的选择器中,用于为文本第一行添加特殊样式的元素是什么?


使用 :first-line 元素为文档中元素的第一行添加特殊效果。 

示例

你可以尝试运行以下代码,为文本的第一行添加特殊样式

实战演示

<html>
   <head>
      <style>
         p:first-line {
            text-decoration: underline;
         }
         p.noline:first-line {
            text-decoration: none;
         }
      </style>
   </head>
   <body>
      <p class = "noline"> This line would not have any underline because this belongs to nline class.</p>
      <p>The first line of this paragraph will be underlined as defined in the CSS rule above. Rest of the
      lines in this paragraph will remain normal. This example shows how to use :first-line pseduo element
      to give effect to the first line of any HTML element.</p>
   </body>
</html>

更新时间:2020 年 6 月 29 日

121 次浏览

启动你的 职业

完成课程以获得认证

开始学习
广告