如何调整正则表达式，仅匹配含rel="stylesheet"的link标签？

没问题，我帮你调整这个正则，让它精准定位带有rel="stylesheet"属性的<link>标签，避免匹配到其他类型的link（比如图标、预加载资源等）。

优化后的正则表达式 #

/(<link .*?rel=["']stylesheet["'].*?href=["'])/gi

关键调整说明 #

• 非贪婪匹配（.*?代替.*）：原来的.*是贪婪匹配，会从第一个<link一直匹配到最后一个href="，容易跨标签匹配。换成.*?后会尽可能少地匹配字符，确保只在单个link标签内查找属性。
• 加入rel=["']stylesheet["']过滤条件：明确要求link标签必须包含rel="stylesheet"属性（同时支持单引号和双引号），不管rel属性在href之前还是之后都能匹配到。

进阶：处理带空格的rel属性（可选） #

如果你的HTML里rel属性可能带有多余空格（比如rel=" stylesheet "），可以把正则调整为：

/(<link .*?rel=["']\s*stylesheet\s*["'].*?href=["'])/gi

这里的\s*用来匹配属性值前后的任意空白字符。

注意事项 #

虽然正则能解决这个问题，但解析HTML最可靠的方式还是用DOM API（比如浏览器里的document.querySelectorAll('link[rel="stylesheet"]')，或者Node.js里的cheerio库）。如果是在只能用正则的场景下，上面的表达式可以满足需求。

内容的提问来源于stack exchange，提问作者Sireini