文章詳情頁
css3 - css結構偽類:nth-child 為什么很多示例的前面都會有一個元素名E
瀏覽：147日期：2023-07-31 18:40:33
問題描述
如下一段html,
<ul><li>1</li><li>2</li><p>p</p><p>p</p><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li> </ul>
用 li:nth-child(3) 去選擇了既是li又是第三個子元素的元素，如果第三個子元素不是li，則選擇不上了
那為什么不直接用 ul>:nth-child(3) 去選擇呢？我試了一下是可以的。甚至于有時候 .className:nth-child(1) 這樣的選擇器也是可以的，:nth-child的前面其實不一定是元素選擇器。但是很多示例都很少這樣寫，是w3標準不推薦嗎？還是僅僅是一種習慣？
問題解答
回答1：習慣，元素選擇器比較好寫些 p:nth-child ，另一方面也是定界方便吧.
標簽：
CSS
相關文章：
1. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。3. elasticsearch - Elastisearch怎么求查詢結果的交集，如MYSQL的interset4. node.js - win7下，npm 無法下載依賴包，淘寶鏡像也裝不上，求幫忙？？？5. Python 子類能否覆蓋全局函數?6. javascript - JS如何取對稱范圍的隨機數？7. 前端 - @media query 使用出現的問題？8. java軟引用在android中有實際應用場景嗎?9. mysql - sql 找出2個數據庫的差異表名10. vue計算屬性怎么樣與for結合使用
排行榜
網公網安備