如何使用CSS选择器[title*=search]选取含有特定文本的元素？

本文共计936个文字，预计阅读时间需要4分钟。

伪原创开头内容本体，不试图解答案问题，不数落，不超过100个字

为什么 [title*="search"] 不能选“含 search 文本”的段落或按钮

这个选择器只看 HTML 属性（如 title、data-id、alt），不扫描 DOM 文本节点。比如：
<p>Search results loaded</p> —— 即使里面写着 “Search”，[title*="search"] 完全无视它，因为 p 没有 title 属性。
真正生效的是类似这样的写法：<button title="Advanced search filter">...，这时才会命中。

• 它只作用于带 title 属性的元素，不是所有元素自动拥有
• 大小写敏感："Search" ≠ "search"
• 匹配的是连续子串，title="my-search-box" 可以命中，但 title="sea rch"（中间有空格）不行

想匹配真实可见文本？CSS 本身做不到

CSS 没有原生能力读取和匹配元素内的纯文本内容。