在学习css选择器时,我们经常会遇到一些意想不到的结果。今天我们将深入探讨body :first-child选择器的具体作用和选择逻辑。
:first-child 选中了什么
<!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