xpath & css语法

Question 1

【xpath】

xpath(‘bookstore’)

Answer 1

选取 bookstore 元素的所有子节点。

Question 2

【xpath】

xpath(“/bookstore”)

Answer 2

选取根元素 bookstore。

注释：假如路径起始于正斜杠( / )，则此路径始终代表到某元素的绝对路径！

Question 3

【xpath】

xpath(“bookstore/book”)

Answer 3

选取属于 bookstore 的子元素的所有 book 元素。

Question 4

【xpath】

xpath(“//book”)

Answer 4

选取所有 book 子元素，而不管它们在文档中的位置。

Question 5

【xpath】

xpath(“bookstore//book”)

Answer 5

选择属于 bookstore 元素的后代的所有 book 元素，而不管它们位于 bookstore 之下的什么位置。

Question 6

【xpath】

xpath(“//@lang”)

Answer 6

选取名为 lang 的所有属性。

Question 7

【xpath】

xpath(“/bookstore/book[1]”)

Answer 7

选取属于 bookstore 子元素的第一个 book 元素。

Question 8

【xpath】

xpath(“/bookstore/book[last()]”)

Answer 8

选取属于 bookstore 子元素的最后一个 book 元素。

Question 9

【xpath】

xpath(“/bookstore/book[last()-1]”)

Answer 9

选取属于 bookstore 子元素的倒数第二个 book 元素。

Question 10

【xpath】

xpath(“/bookstore/book[position()<3]”)

Answer 10

选取最前面的两个属于 bookstore 元素的子元素的 book 元素。

Question 11

【xpath】

xpath(“//title[@lang]”)

Answer 11

选取所有拥有名为 lang 的属性的 title 元素。

Question 12

【xpath】

xpath(“//title[@lang=’eng’]”)

Answer 12

选取所有 title 元素，且这些元素拥有值为 eng 的 lang 属性。

Question 13

【xpath】

xpath(“/bookstore/book[price>35.00]”)

Answer 13

选取 bookstore 元素的所有 book 元素，且其中的 price 元素的值须大于 35.00。

Question 14

【xpath】

xpath(“/bookstore/book[price>35.00]/title”)

Answer 14

选取 bookstore 元素中的 book 元素的所有 title 元素，且其中的 price 元素的值须大于 35.00。

Question 15

【xpath】

xpath(“/bookstore/*”)

Answer 15

选取 bookstore 元素的所有子元素。

Question 16

【xpath】

xpath(“//*”)

Answer 16

选取文档中的所有元素。

Question 17

【xpath】

xpath(“//title[@*]”)

Answer 17

选取所有带有属性的 title 元素。

Question 18

【xpath】

xpath(“//book/title | //book/price”)

Answer 18

选取 book 元素的所有 title 和 price 元素。

Question 19

【xpath】

xpath(“//title | //price”)

Answer 19

选取文档中的所有 title 和 price 元素。

Question 20

【xpath】

xpath(“/bookstore/book/title | //price”)

Answer 20

选取属于 bookstore 元素的 book 元素的所有 title 元素，以及文档中所有的 price 元素。

Question 21

【css】

css(“*”)

Answer 21

选择所有节点

Question 22

【css】

css(“#container”)

Answer 22

选择id为container的节点

Question 23

【css】

css(“li a”)

Answer 23

选取所有li下的所有a节点

Question 24

【css】

css(“.container”)

Answer 24

选取所有class包含container的节点

Question 25

【css】

css(“ul+p”)

Answer 25

选择ul后面的第一个p元素（注意是ul后面的p元素，即与ul是兄弟节点关系）

Question 26

【css】

css(“div#container > ul”)

Answer 26

选择id为container的div的第一个ul子元素

Question 27

【css】

css(“ul～p”)

Answer 27

选取与ul相邻的所有p元素

Question 28

【css】

css(“a[title]”)

Answer 28

选取所有有title属性的a元素

Question 29

【css】

css(“a[href=’http://jobbole.com’]”)

Answer 29

选取所有href属性为http://jobbole.com的a元素

Question 30

【css】

css(“a[href*=’jobbole’]”)

Answer 30

选取所有href属性包含jobbole的a元素

Question 31

【css】

css(“a[href^=’http’]”)

Answer 31

选取所有href属性值以http开头的a元素

Question 32

【css】

css(“a[href$=’.jpg’]”)

Answer 32

选取所有href属性值以.jpg结尾的a元素

Question 33

【css】

css(“input[type=radio]”)

Answer 33

checked：选择选中的radio的input元素

Question 34

【css】

css(“div:not(#container)”)

Answer 34

选取所有id不是container的div元素

Question 35

【css】

css(“li:nth-child(3)”)

Answer 35

选取第三个li元素

Question 36

【css】

css(“tr:nth-child(2n)”)

Answer 36

第偶数个tr

Question 37

【css】

css(‘‘.entry-header h1::text’’)

Answer 37

查看元素的文本的话要用两个冒号

Question 38

【css】

css(‘‘.entry-header .post-thunb a::attr(href)’’)

Answer 38

查看具体属性值用::attr()

Question 39

【css】

css(‘.next .numbers’)

Answer 39

表示class为next的元素的后代元素中，获取class为numbers的元素

空格是表示后代，儿子孙子都行

Question 40

【css】

response.css(‘.next>.numbers’)

Answer 40

表示class为next的元素的儿子元素中，获取class为numbers的元素。

> 只表示儿子，不查找孙子等元素