在 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.