如何选择(测试)应用了:after伪元素的样式?

时间:2015-11-18 19:12:10

标签: javascript jquery pseudo-element

我有一个:在伪元素之后将一个字体真棒图标应用到我的表头。我想编写一个测试,通过选择元素并测试其样式来确保图标真的存在。 如何使用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');

0 个答案:

没有答案