文章詳情頁
css3 - css結構偽類:nth-child 為什么很多示例的前面都會有一個元素名E
瀏覽：144日期：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. css3選擇器nth-of-type的問題2. docker - dcoker gitlab 如何修改主機地址？3. Html 入門教程視頻無法播放4. javascript - 微信jssdk ios下自定義onMenuShareAppMessage 分享失效，Android分享成功5. PHP單例模式6. css3 - css 選擇器如何同時使用屬性選擇和順序選擇？7. objective-c - 微信支付的問題8. angular.js - 請教一個關于angularjs的小問題9. html調整想要的文字大小和位置10. angular.js - angularjs的自定義過濾器如何給文字加顏色？
排行榜
網公網安備