使用 css 属性 选择器 可精准匹配 title 属性，1. [title]选中所有含 title 的元素；2. [title=” 值 ”]匹配完全相等；3. [title*=” 帮助 ”]包含指定文本；4. [title^= 开始]、[title$= 结束]、[title~= 关键词]分别匹配开头、结尾和独立单词。
要使用 css 选择器 匹配 html 元素的 title 属性值，可以通过 属性选择器 来实现。CSS 提供了多种方式根据 title 属性的存在或具体值来选中元素。
1. 匹配具有 title 属性的元素
如果你想选中所有带有 title 属性的元素，不管其值是什么，可以这样写：
[title] {
color: blue;
}
这会匹配所有包含 title 属性的元素，例如：
<a href=”#” title=” 首页 ”> 首页链接 </a>
<img src=”logo.png” title=”Logo 图标 ”>
2. 匹配 title 属性等于特定值的元素
如果只想匹配 title 属性值完全等于某个 字符串 的元素，使用等号=：
[title=" 提示信息 "] {
font-weight: bold;
}
这只会匹配 title=" 提示信息 " 的元素，大小写敏感。
3. 匹配 title 属性包含特定关键词
使用 *= 可以选择 title 属性值中包含某段文字的元素：
[title*=” 帮助 ”] {
text-decoration: underline;
}
比如 title=" 帮助文档 " 或title=" 点击获取帮助 "都会被选中。
4. 其他常见匹配方式
还可以用以下方式更灵活地匹配：
- [title^=” 开始 ”]：匹配以“开始”开头的 title 值
- [title$=” 结束 ”]：匹配以“结束”结尾的 title 值
- [title~=” 关键词 ”]：匹配值中包含独立单词“关键词”（以空格分隔）
基本上就这些常用方式。根据实际需求选择合适的 属性选择器 即可，不复杂但很实用。
