You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何使用内部文本编写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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 07:10:12