我正在寻找某种“反向 CSS 选择器”：给定一个 HTML 文档，如何查找具有特定格式的片段？例如，我想获取使用粗体文本 ( font-weight: bold;) 的段列表。鉴于此文件：

然后段列表将包括（例如通过 XPath 选择器给出）：

• /h1[1]
• /p[1]/b[1]
• /p[1]/span[1]

在过渡期间，有没有办法查看正在过渡的样式规则的目标值是多少？ window.getComputedStyle获取插值，并且element.style只查看样式属性（我认为）。

这是问题的演示；我想检索1200px过渡期间的目标高度值：

https://jsfiddle.net/EoghanM/xz5s3ua6/5/

以下命令

正在返回

如何使用 ComputerStyle 获得边框宽度？有没有办法用另一个替换“边界”参数，所以在上述情况下，它会输出

至少在 Chrome 和 Firefox 中是这样：

然而，

所以如果background-color不是钥匙，怎么可能

显示什么？我知道在 jQuery 中，与 等fontSize相同font-size，但是如果是属性值访问，则违反了如何访问对象的属性值的规则。任何 JS 对象都可以这样吗？

是否可以使用 JavaScript 引用 HTML 文档中生成的内容？
比如我在文档中有一个图

我也想在文本中使用图形的确切标题，我该怎么做？

我在代码段中在这里硬编码了“图 1”，但这不够灵活。如果这不是第一个数字怎么办？伪元素的 也返回
，所以这没什么帮助。我想要文字“图 1”。getComputedStyle()"Figure " counter(figures)

环境

我正在为网站编写插件。它将通过插件的 CSS 向 DOM 添加元素。我希望样式仅限于插件，即一旦插件包含在网页上，插件之外的任何元素都不应改变其外观。

我正在使用 cypress 运行集成测试。当插件包含在页面上时，如何断言所有预先存在的元素的样式保持不变？我可以在插件加载前后访问该页面。

方法

这是我认为应该起作用的：

问题

CSSStyleDeclaration 中的数字键

该行expect(newStyle).to.equal(oldStyles[i])失败，因为oldStyles[i]包含仅列出属性名称的数字键。例如，

解决方法

我通过手动循环遍历 CSS 键并检查键是否为数字来解决此问题。但是，这些数字键只出现在 中oldStyles，而不出现在 中newStyles。我写这个是因为这对我来说看起来很可疑，并且我认为错误可能已经存在。

空属性值

我在这里做出隐含的假设，即 DOM 已实际加载并已应用样式。根据我的理解getLinkListStyles，cy.get应该安排在cy.visit等待窗口触发load事件之后才运行。

从赛普拉斯文档：

cy.visit()当远程页面触发其load事件时解析。

但是，使用上述解决方法后，我在oldStyles. 例如：

尝试的解决方案

请注意，当我显式使用带有 的回调时，此行为不会改变cy.visit，即：

cy.wait(15000)开头也没有getStyles()：

我正在尝试通过 javascript 文件设置我的伪元素 css 类的属性值。

问题是我收到标题中显示的错误。

有没有其他方法可以设置？

CSS中的代码：

打字稿文件中的代码：

下面感觉有点过度设计，有直接访问器吗？

我无法找到有关是否可以getComputedStyle使用不在浏览器 DOM 中的元素的信息。

我的测试表明未插入浏览器 DOM 的元素不会获得计算样式。

但是，让浏览器为 JavaScript 内存中的文档或元素计算样式是可能的，这并没有让我觉得不合理。或者可能有一些包可以做到这一点。但我还没有找到。

这可能吗（无需自己编写复杂的 css 计算逻辑）？

我正面临一种奇怪的行为。

我有一个脚本，它使用方法将内联 CSS应用于其样式表中的元素computedStyle。

这是一种复制富文本而不是纯文本的方法。

但是复制后，我需要删除该style=""属性。

发生这种情况时，一些样式属性（例如color，消失），而我可以在检查器中看到该属性仍然通过它的class.

见那里： https ://jsfiddle.net/sxybrcug/ （color消失但border-color没关系）

你知道发生了什么吗？

谢谢