CSS 的作用:first-child 選擇器


使用 CSS :first-child 選擇器設計其父級的每一個第一個子元素 <p>。

示例

你可以嘗試執行以下程式碼,實現 :first-child 選擇器

線上演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         p:first-child {
            background-color: orange;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <p>This is demo text.</p>
      <div>
         <p>This is demo text, with the first child of its parent div.</p>
         <p>This is demo text, but not the first child.</p>
      </div>
   </body>
</html>

更新時間: 2020-06-30

135 閱讀

開啟你的 事業

完成課程獲得證書

開始
廣告
© . All rights reserved.