如何使用内部文本编写CSS选择器?求助指定元素的选择器
基于内部文本的CSS选择器方案
针对你提供的元素:
<div class="title kpi-tile3-title o9-tooltip" data-o9title="Safety Stock">Safety Stock</div>
可以通过以下方式编写基于内部文本的选择器:
使用jQuery的
:contains()选择器(非标准CSS,需依赖jQuery):div.title.kpi-tile3-title.o9-tooltip:contains("Safety Stock")该选择器会匹配所有包含指定文本的目标元素,注意文本区分大小写。
结合属性选择器替代(标准CSS,适用于元素属性与内部文本一致的场景):
由于该元素的data-o9title属性值和内部文本完全相同,也可以用属性选择器实现等效匹配:div.title.kpi-tile3-title.o9-tooltip[data-o9title="Safety Stock"]
注:标准CSS目前没有直接通过内部文本匹配元素的选择器,
:contains()是jQuery扩展的功能。
内容的提问来源于stack exchange,提问作者Vijay Jeyakumar
相关产品推荐
相关产品推荐

