zoukankan      html  css  js  c++  java
  • css选择器

    我们在写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>]
  • 相关阅读:
    初学者bootstrap(五)JavaScript插件(上)在路上(6)
    初学者bootstrap(三)下载与安装在路上(7)
    Viewport响应式 Web 设计在路上(13)
    初学者动画(一)在路上(3)
    svn添加强制注释,precommit结合python
    ftpclient卡死问题
    @Transactional失效的问题
    javamail发送二进制流附件的问题
    springmvc附件上传核心代码
    kafka集群配置与测试
  • 原文地址:https://www.cnblogs.com/themost/p/6685381.html
Copyright © 2011-2022 走看看