本文介绍了XPath和CSS在节点选取方面的语法，包括父节点、子节点、同袍节点、先辈节点和后代节点的概念，并探讨了XPath与CSS在网页元素定位上的应用。
节点
- 父节点
- 子节点
- 同袍节点：同父节点的所有子节点
- 先辈节点
- 后代节点
XPATH
| 表达式 | 说明 |
|---|---|
| article | 选取所有article 元素的所有子节点 |
| /article | 选取根元素 article |
| article/a | 选取所有属于article 的子元素的a 元素 |
| //div | 选取所有 div 子元素(不论出现在文档任何地方) |
| article//div | 选取所有属于 article 元素的后代的div 元素，不管它的出现在 article 之下的任何位置 |
| // @class | 选取所有名为class 的属性 |
| /article/div[1] | article 子元素第一个div |
| /article/div[last()] | 选取属于article 子元素的第一个div 元素 |
| /article/div[last() - 1] | 选取属于article 子元素的倒数第二 一个div 元素 |
| /div[@lang] | 选取所有拥有lang 属性的div 元素 |
| //div[@lang = ‘eng’] | 选取所有lang 属性为 eng 的div 元素 |
CSS
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
