码迷,mamicode.com
首页 > Web开发 > 详细

css选择器

时间:2017-04-09 17:00:03      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:选择   原理   标签   不能   内容   style   等于   http   href   

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

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

(1)通过标签名查找

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

(2)通过类名查找

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

(3)通过id名查找

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

(4)组合查找

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

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

(5)属性查找

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

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

 

css选择器

标签:选择   原理   标签   不能   内容   style   等于   http   href   

原文地址:http://www.cnblogs.com/themost/p/6685381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!