文章詳情頁
css3 - css結構偽類:nth-child 為什么很多示例的前面都會有一個元素名E
瀏覽：226日期：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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能？3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. 配置Apache時，添加對PHP的支持時語法錯誤5. css - 寫頁面遇到個布局問題，求大佬們幫解答，在線等，急！~6. javascript - nodejs關于進程間發送句柄的一點疑問7. javascript - 移動端上不能實現拖拽布局嗎？8. phpstudy8.1支持win11系統嗎？9. 實現bing搜索工具urlAPI提交10. Apache 已經把網站根目錄的改為allow from all了，但是服務器還是不能訪問？
排行榜
網公網安備