body :first-child選擇器為什么會選中意料之外的元素?

在學習css選擇器時,我們經常會遇到一些意想不到的結果。今天我們將深入探討body :first-child選擇器的具體作用和選擇邏輯。

:first-child 選中了什么

當我們使用如下htmlcss代碼時:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>css選擇器學習</title>     <link rel="stylesheet" href="styles.css"> </head> <body>     <h1>CSS選擇器學習示例</h1> <pre class="brush:php;toolbar:false"><p class="highlight">這是一個帶有 class="highlight" 的段落。</p> <p id="unique">這是一個帶有 id="unique" 的段落。</p> <p>這是一個普通的段落。</p> <p>這是另一個普通的段落。</p>  <div>     <p>這是 `div` 內部的段落。</p> </div>  <a href="#">點擊我</a>

? 版權聲明
THE END
喜歡就支持一下吧
點贊10 分享