如何使用JavaScript判断当前CSS样式在哪个外链中被定义

要判断当前 CSS 样式在哪个外链中被定义，可以使用 JavaScript 的 DOM API 来遍历所有的样式表和规则，然后逐个比对样式属性是否匹配。

具体实现的步骤如下：

1. 使用 `document.styleSheets` 获取所有的样式表对象，该对象是一个数组。
2. 遍历样式表对象数组，使用 `cssRules` 或 `rules` 获取样式规则对象数组，该对象也是一个数组。
3. 遍历样式规则对象数组，使用 `style` 属性获取样式属性对象，然后逐个比对属性值是否匹配。
4. 如果匹配成功，则可以通过 `ownerNode` 属性获取当前样式表所属的外链节点。

下面是一个示例代码：

function findCssLinkByStyle(styleName, styleValue) {
  var styleSheets = document.styleSheets;
  for (var i = 0; i < styleSheets.length; i++) {
    var cssRules = null;
    try {
      cssRules = styleSheets[i].cssRules || styleSheets[i].rules;
    } catch (e) {
      console.warn('Cannot access cssRules of stylesheet', styleSheets[i]);
    }
    if (!cssRules) {
      continue;
    }
    for (var j = 0; j < cssRules.length; j++) {
      var style = cssRules[j].style;
      if (style[styleName] === styleValue) {
        return styleSheets[i].ownerNode;
      }
    }
  }
  return null;
}

使用方法：

var linkNode = findCssLinkByStyle('font-size', '16px');
if (linkNode) {
  console.log('The CSS link is:', linkNode.href);
} else {
  console.log('Cannot find the CSS link');
}

需要注意的是，样式表和规则的获取方法有些浏览器不同，可能会导致兼容性问题。此外，由于样式表可能来自不同的域名，因此跨域访问也可能会被限制。