在具有 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 次瀏覽

啟動你的 職業

完成課程以獲得認證

開始學習
廣告
© . All rights reserved.