昨天在写一个小脚本的时候,需要选择一个属性带的元素,但是发现如果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属性值中有空格的问题》
转载请注明:思享SEO博客 » CSS选择器如何选择class属性值含空格的元素