当前位置:首页 > 前端技术 > 写CSS选择器时标签的class属性值中有空格的问题

写CSS选择器时标签的class属性值中有空格的问题

2022年11月09日 08:09:19前端技术15

1 问题描述

HTML代码片段为:

<div class="alert alert-warning">
  请至“随书下载”下载本书的示例程序。
</div>
<div class="book-intro readmore">
   本书通过正在学习机器学习的程序员绫乃和她朋友美绪的对话,结合回归和分类的具体问题,逐步讲解了机器学习中实用的数学基础知识。其中,重点讲解了容易成为学习绊脚石的数学公式和符号。同时,还通过实际的Python 编程讲解了数学公式的应用,进而加深读者对相关数学知识的理解。
      </div>

要想抓取<div class="book-intro readmore">...</div>标签中的文本,根据我写css选择器的经验,写为:

div.“book-intro readmore”

但是运行结果出错:
写CSS选择器时标签的class属性值中有空格的问题 _ JavaClub全栈架构师技术笔记
看来,我想当然的解决方案行不通。

2 解决方案

标签的属性值中凡是出现空格的地方,在写CSS选择器的时候,都用.代替,即本例的CSS选择器应该写成:

'div.book-intro.readmore'

接下来给出完整的代码:

# iTuringScrape.py
# 2020-08-27

import requests
from bs4 import BeautifulSoup

url = "https://www.ituring.com.cn/book/2636"
req = requests.get(url)
bs = BeautifulSoup(req.text,features='html.parser')

sr = bs.select('div."book-intro readmore"')
#sr = bs.select('div.book-intro.readmore')
print(sr)

作者:阿智智
来源链接:https://blog.csdn.net/RobertChenGuangzhi/article/details/108068695

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/68722.html

标签: css标签
分享给朋友:

“写CSS选择器时标签的class属性值中有空格的问题” 的相关文章

HTML常用标签及其用法总结

HTML常用标签及其用法总结

1、HTML分块--------< div> 说起HTML的标签,不得不提起的就是< div>,在制作一个网页的时候,应该先将他们划分为许多个块,再在这些块中进行操作。 整个电脑能够显示是因为显示屏上一个一个的小颗粒,如下宽度:1...

a标签有哪些属性

a标签的属性: download:规定被下载的超链接目标。     href:规定链接指向的页面的 URL。     hreflang:规定被链接文档的语言。     media:规定被链接文档是...

script标签的属性

script标签的属性

共六个,language废弃,charset不常用。 async:异步加载脚本,且不保证加载顺序(下载时不影响页面解析,但解析时会暂停页面渲染) defer:立即下载,延迟执行(遇到</html>标签时执行),有顺序 type:默认type='tex...

HTML 5 video 视频标签全属性详解

现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面...

html5 video 视频标签详解

现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从...

HTML meta 标签

!!<meta> 标签是 HTML 语言头部的一个辅助性标签,我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等!   属性 值 描述...

HTML的标签英文全称

文章原文出处:https://blog.csdn.net/qq_40942329/article/details/78879992 标签 标签含义 英文 英文含义 备注...

jquery 根据自定义属性获取标签对象

实例代码:  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

标签 align 属性

align=align - 对齐位置 首页  >  HTML标签  > align= align ■ 属性 <标签名  align=...

HTML5学习笔记-01-html语义化标签

HTML5学习笔记-01-html语义化标签

文章目录 一、URl 二、网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别 2.1 声明英文网站 2.2 声明中文...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。