首页 > 代码库 > css选择器

css选择器

我们在写css时,标签名不加任何修饰,类名前加 ‘.‘,id前加#,在这里我们也可以用类似的方法来筛选元素

用到的方法是soup.select(),返回类型list

(1)通过标签名查找

>>> soup.select(a)
[<a class="sister" href=http://www.mamicode.com/"http://example.com/elsie" id="link1"><!-- Elsie --></a>, <a class="sister" href=http://www.mamicode.com/"http://example.com/lacie" id="link2">Lacie</a>, <a class="sister" href=http://www.mamicode.com/"http://example.com/tillie" id="link3">Tillie</a>]

(2)通过类名查找

>>> soup.select(.sister)
[<a class="sister" href=http://www.mamicode.com/"http://example.com/elsie" id="link1"><!-- Elsie --></a>, <a class="sister" href=http://www.mamicode.com/"http://example.com/lacie" id="link2">Lacie</a>, <a class="sister" href=http://www.mamicode.com/"http://example.com/tillie" id="link3">Tillie</a>]

(3)通过id名查找

>>> soup.select(#link1)
[<a class="sister" href=http://www.mamicode.com/"http://example.com/elsie" id="link1"><!-- Elsie --></a>]

(4)组合查找

组合查找即和写 class 文件时,标签名与类名、id名进行的组合原理是一样的,例如查找 p 标签中,id 等于 link1的内容,二者需要用空格分开

>>> soup.select(p #link1)
[<a class="sister" href=http://www.mamicode.com/"http://example.com/elsie" id="link1"><!-- Elsie --></a>]

(5)属性查找

查找时还可以加入属性元素,属性需要用中括号括起来,注意属性和标签属于同一节点,所以中间不能加空格,否则会无法匹配到。

>>> soup.select("a[class=‘sister‘]")
[<a class="sister" href=http://www.mamicode.com/"http://example.com/elsie" id="link1"><!-- Elsie --></a>, <a class="sister" href=http://www.mamicode.com/"http://example.com/lacie" id="link2">Lacie</a>, <a class="sister" href=http://www.mamicode.com/"http://example.com/tillie" id="link3">Tillie</a>]

 

css选择器