css3 - css结构伪类:nth-child 为什么很多示例的前面都会有一个元素名E

问题描述

如下一段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 ，另一方面也是定界方便吧.