^=、$=、\*= 为CSS属性选择器，用于部分匹配：^= 选属性值开头，如 a[href^="https"]；$= 选结尾，如 img[src$=".png"]；*= 选包含字符，如 div[data-type*="article"]。
CSS属性选择器可以通过元素的属性值进行匹配，实现更精确的选择。其中 ^=、$= 和 *= 分别用于不同类型的**部分匹配**，适用于动态或结构化属性值的场景。
^= 选择器：匹配属性值开头
使用 ^= 可以选择属性值以指定字符串开头的元素。
示例：-
a[href^="https"]会选择所有 href 以 "https" 开头的链接（如 https://example.com） -
img[src^="user-"]匹配 src 以 "user-" 开头的图片，比如 user-avatar.png
$= 选择器：匹配属性值结尾
$= 用于选择属性值以指定字符串结尾的元素。
示例：-
img[src$=".png"]选择所有 src 以 ".png" 结尾的图片 -
a[href$=".pdf"]匹配指向 PDF 文件的链接，可用于添加下载图标
*= 选择器：匹配属性值包含某字符串
*= 是最宽松的部分匹配，只要属性值中包含指定字符串就会被选中。
立即学习“前端免费学习笔记（深入）”；
示例：-
div[data-type*="article"]匹配 data-type 中含有 "article" 的 div，如 "news-article" 或 "article-list" -
input[name*="address"]选择 name 属性包含 "address" 的输入框，如 street_address、address_line1
这些选择器在处理表单、外部链接、文件类型或动态类名时非常实用。合理使用可以减少额外的 class 或 data 属性，提升样式维护效率。基本上就这些，不复杂但容易忽略细节。
