class:nth-child()代表同一个父节点下,第n个且为class类型的元素
class:nth-of-type代表同一父节点下,先从所有子节点中,筛选出所有的class类型的节点,再从中寻找第n个节点
**`
<body>
<div id="t1">
<h3> 唐诗 </h3>
<span>李白</span>
<p>静夜思</p>
<span>杜甫</span>
<p>春夜喜雨</p>
</div>
</div>
`** 若要选中内容为李白的元素,则输入 ``` div span:nth-child(2) ``` 该元素是 在父元素div下,所有子元素中,第二个且为span类型的元素
输入
div span:nth-child(1)
则无法定位元素。span与:nth-child(1)需要同时满足
输入
:nth-child(2)
代表所有位置下的第二个元素
输入
p:nth-last-child(1)
代表一个父元素下,所有子元素中的倒数第一个,且为p类型的子元素
输入
span