css - 从选择器中获取 id 的正则表达式？

Question

我正在尝试从选择器中提取元素的 ID。例如，如果我有以下选择器 body .foo #bar 我希望提取 #bar 文本。对于 #foo:hover，我希望提取 #foo。我创建了一个适用于所有情况的正则表达式，但包含 : 的选择器除外，因此它不适用于我的最后一个示例 #foo:hover。它似乎很贪婪并捕获所有文本 #foo:hover 而不仅仅是 #foo

有关我的问题的示例，请参见此处:https://regex101.com/r/7Rk6AL/2

你能建议我如何编辑我的正则表达式来实现我的目标，即只获取选择器 ID 而不是 :hover 部分吗？

Answer 1

ID 必须以字母开头，后面可以跟任意数量的字母、数字、连字符(“-”)、下划线(“_”)、冒号(“:”)和句点(“.”)

因为您不想要像::after 和 :hover 这样的东西，所以这也可以工作

#[a-zA-Z0-9|\-|_|\.]+