## 例子 假如网页源码如下: ``` <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> ``` 则根据指定层级匹配元素的写法为: ~~~ //这里演示网页元素层级为 ul > li 时,用>号表明是通过层级来获取元素 document.querySelector("ul > li"); ~~~ ## 更多例子 ``` //用:nth-child(1)在匹配到的结果中选择指定的第几个元素 document.querySelector("ul > li:nth-child(1)") ```