文章詳情頁
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了,但是服務器還是不能訪問?
排行榜

網公網安備