CSS选择器如何选择class属性值含空格的元素

Python与SEO 思享 528浏览

昨天在写一个小脚本的时候,需要选择一个属性带的元素,但是发现如果class属性值有空格的话,会无法选择。下面就拿百度搜索结果中我们网站快照的标题元素来说一说:

我们可以看到,百度快照中元素为

<h3 class="c-title t t tts-title">

如果我们用表达式

h3.c-title t t tts-title

是无法选中元素的

但是,如果我们使用

h3.c-title

是可以选中元素的,但同样会产生一个问题,就是如果碰到

<h3 class="c-title t">

同样也会被选中,可以理解是一种模糊匹配,有可能产生错误

那么,我们应该怎么准确的写这个css表达式呢? 那就是空格用.代替也就是

h3.c-title.t.t.tts-title

这样问题就解决了

CSS选择器class属性带空格

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

推荐阅读

CSS选择器排除某些指定的class

昨天给网站引入了JS目录,但是工具中的图标和原本网站的有冲突,需要[class^="icon-"], [class*=" icon-"] {}对个别图标进行排除,那么该怎么做呢? 实现 使用:not() 选择器 [class*="icon-"]:no......

Python实现聚合问答采集文章

最近在一个社区得到了一个用python聚合问答的工具,但是因为已经打包成程序了,所以无法研究,于是在网上找了一个网友分享的源代码,转载于此,供志愿者学习和后期扩展。这个工具可以通过头条搜索、百度下拉结果、搜狗下拉、百度知道搜索、新浪爱问、搜狗问问,将......

pycharm文件大小超过配置限制(2.56M),代码洞察功能不可用

Pycharm软件有默认的文件大小限制,一般为2.56MB,如果打开大于2.56MB的文件,会提示“文件大小超过配置限制,code insight功能不可用。”这时候我们可以通过修改相关配置来解决这个问题。单击帮助>>编辑自定义属性...在菜单栏上,......