如何用CSS选择器匹配以特定字符串开头的aria-label属性？

当然可以实现这个需求！CSS的属性前缀匹配选择器就是专门干这个事儿的，语法是[属性名^="匹配的前缀字符串"]，正好能帮你精准定位那些aria-label以特定内容开头的元素。

针对你提到的场景，我们可以这样写：

/* 匹配所有aria-label以"Follow "开头的按钮（注意后面的空格，避免误匹配类似"Followers"的情况） */
button[aria-label^="Follow "] {
  background-color: #1da1f2; /* 比如给Follow按钮设个蓝色 */
}

/* 匹配所有aria-label以"Message "开头的按钮 */
button[aria-label^="Message "] {
  background-color: #25d366; /* 给Message按钮设个绿色 */
}

这里的^=符号表示“属性值以指定字符串作为开头”，不管后面跟着的是随机的Abcdefghijk还是其他任何内容，只要开头是你指定的前缀，就能被选中。

额外补充一点：如果你的aria-label前缀后面没有空格（比如假设是"FollowUser"这种格式），那直接写[aria-label^="Follow"]就行，但像你例子里的"Follow Abcdefghijk"带空格，加上空格能避免不必要的误匹配，比如防止把aria-label是"Followers XXX"的按钮也选中，这点细节可以留意下。

内容来源于stack exchange