问题标签 [computed-style]

我想分析页面并检测具有一些覆盖样式的元素。

我想调查的元素集合有限。

我已经开始为每个元素获取 computedStyles，我希望在 Chrome DeveloperTools 中得到类似的输出：

let computedStyles = window.getComputedStyle(document.getElementById("testing-element"));

但是只有一个 CSSStyleDeclaration 实例，它只代表样式的结果集合。

相反，我希望看到类似这样的单一样式（例如字体大小）：

现在，我将能够确定哪个元素已被其他 css（或直接元素样式属性）覆盖，而不是 master.css 或 common.css。

此类信息在 Chrome 的 DevTools 中可见，但我需要将其自动化以收集一些报告。

或者是否有任何工作工具可以提供此功能？

我正在检查https://ionicframework.com/docs/api/alert alert..

那里有一个带有 .alert-wrapper 类的元素。

如果您查看应用的 CSS，它将显示不透明度：0，但计算显示不透明度：1

我尝试从页面中删除所有 CSS 文件、所有 javascript、所有其他元素我试图将此元素移动到正文（在 iframe 之外）并应用 opacity: 0 在样式中，没有任何帮助，计算保持不透明度: 1..

这怎么可能？

我想根据所选语言更改网站的某些部分而不进行任何刷新。一切正常，但我尝试了多种方法在不刷新站点语言更改（i18n）的情况下动态绑定背景图像。但没有成功。

我创建了一个计算来返回基于语言的当前使用的链接。

但是在通过下拉菜单更改站点语言后，所有其他元素 src 都会更新为使用所选语言的图像文件。但只有这个后台路径没有更新。元素本身的样式属性也被删除。我不明白为什么这个解决方案不能正常工作。也渲染mainBackground计算到 div 元素中。并且返回的链接会根据语言进行更新。

我已经通过使用类绑定解决了这个问题。土耳其语 1 类，所有其他语言的主要类。并在条件类绑定中使用它们。解决方案：

我在我的网站上将某个标题设置为红色字体，但它显示为白色。

有趣的是，它在 Chrome 和 Opera 中的“检查元素”（开发人员工具）下显示“颜色：红色”（顺便说一句，这个工具怎么可能在 Chrome 和 Opera 中几乎相同？）

甚至“计算”值也是红色的。我正在扫描所有计算出的 CSS 属性，绝对没有提到白色。只有几个红色实例。那么为什么文字是白色的呢？

我的问题一般是关于“检查元素”功能，而不是专门关于我愚蠢的标题。

我应该注意到该网站是使用构建器（SitePad）制作的。我猜这里的问题是继承。我的标题大概是从上面的某个元素继承了白色。但正如我所说，我更感兴趣的是了解元素检查器的工作原理。如果它计算为红色，它不应该是红色的吗？