按照次序选择节点

按照次序选择节点【从上到下按顺序选择】

学习地址：

把李白和苏轼同时选择出来

nth-child:可以指定选择的元素span是父元素div的第几个子节点，父元素是div。

学习网址的案例中可以这样写：

span:nth-child(2)

放在代码里是这样运行的。

from playwright.sync_api import sync_playwright

p = sync_playwright().start()
browser = p.chromium.launch(headless=False, slow_mo=50)
page = browser.new_page()
page.goto(r"E:\code\tangshi01.html")# 根据属性选择元素elements = page.locator('span:nth-child(2)')# 打印出元素文本print(elements.all_inner_texts())input('....')# 关闭浏览器browser.close()# 关闭 playwright driver 进程p.stop()

[id]:nth-child(2)  #不仅仅可以用标签span，也可以用属性作为选择，也可以是其他类型。

选择的元素p是父元素span的倒数第几个子节点【从下到上按顺序选择】

p:nth-last-child(1)   #元素P类型的倒数第二1个子元素  #仔细观察区别。
#按照正常情况倒数第二个应该是静夜思，但是却变成了青玉案、原因是静夜思是倒数第三个了，所以只能送别的标签里选p:nth-last-child(2)   #元素P类型的倒数第二个子元素

可以指定选择指定元素类型倒数第几个的第几个子节点。正数、父元素是span 从上往下

span:nth-of-type(1)

可以指定选择指定元素类型倒数第几个的第几个子节点。正数、父元素是span 从下往上

span:nth-last-of-type(1)p:nth-last-of-type(2) #p类型倒数第二个，选中了两个p:nth-of-type(2) #p类型正数第二个，选中了两个

p:nth-child(even)  #奇数