javascript - window.getMatchedCSSRules 用于所有规则,包括其伪元素和伪类规则

标签 javascript html css google-chrome-devtools chromium-embedded

我正在尝试使用 chrome 的 window.getMatchedCSSRules 方法获取元素的匹配 CSS 规则。但是这个方法并没有给我它的伪元素和伪类的规则。但是通过将伪类/元素名称作为第二个参数传递给方法,它会单独返回规则。

window.getMatchedCSSRules(btn, "before")
window.getMatchedCSSRules(btn, "after")
window.getMatchedCSSRules( progressEle, "-webkit-progress-value")

但是有没有一种方法可以获取所有 css 规则,包括它的所有伪类/元素规则,而无需将特定的伪元素/类名称作为参数传递?

最佳答案

您不能使用 javascript 或 jquery 定位伪元素,因为它们(还)不是 dom 元素。

但是,如果您想通过 js 操作 css 元素 - 您可以使用 https://github.com/Box9/jss 实现类似的效果

希望对你有帮助

关于javascript - window.getMatchedCSSRules 用于所有规则,包括其伪元素和伪类规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23692477/

相关文章:

html - 将 td 宽度设置为 % 的表格

javascript - 在特定路线上禁用 v-navigation-drawer,Vue-js

javascript - Google DFP 动态广告刷新 - 是否有回调来查明广告是否已加载?

javascript - jQuery 滑动侧边栏面板插件中的问题

html - 如何在CSS中裁剪圆形图像

html - 如何有一个粗体标题文本?

css - 如何更改 CSS 子菜单宽度,使其不使用与主菜单相同的宽度?

javascript - 更改屏幕大小时使内容自适应

javascript - var #theID ="quizChoice"+i.toString() 中出现错误;

html - Angular 2 : restart the html audio tag on real time