問題描述

如下一段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標準不推薦嗎？還是僅僅是一種習慣？

問題解答

習慣，元素選擇器比較好寫些 p:nth-child ，另一方面也是定界方便吧.