我有一个:在伪元素之后将一个字体真棒图标应用到我的表头。我想编写一个测试,通过选择元素并测试其样式来确保图标真的存在。 如何使用jquery或普通javascript获取此样式?
&:after {
content: "\f0de";
font-family: FontAwesome;
}
我已经尝试了$('th:after')
,$('th\\:after')
,$('th::after')
以及其他一些事情......但环顾互联网似乎可能无法做到这一点根本要测试伪元素?
修改 重复中的答案谈论了添加/编辑伪元素的策略。我只是想把它里面的内容用于测试。我也无法有条件地应用包含after伪元素的类,因为我需要挂钩我使用的框架所应用的现有类并覆盖它。 this question的第二个答案就是我如何让它发挥作用。
var testString = window.getComputedStyle(document.querySelector('thead th'), ':after').getPropertyValue('content');