Silktide cookie 同意 3.0.3 与使用 CSS 伪元素的 Font Awesome 5.0.2 冲突

【问题标题】：Silktide cookie consent 3.0.3 conflict with Font Awesome 5.0.2 using CSS Pseudo-elementsSilktide cookie 同意 3.0.3 与使用 CSS 伪元素的 Font Awesome 5.0.2 冲突
【发布时间】：2018-01-05 11:47:46
【问题描述】：

同时使用这两个库并尝试使用 CSS 伪元素时似乎存在错误。

我在这里创建了一个演示：http://tappetyclick.com/fontawesomebug/。带有伪元素的锚文本消失了，我只看到图标

如果我删除 cookie 同意插件代码，那么一切似乎都按预期工作，请参阅 http://tappetyclick.com/fontawesomebug/test.htm

有没有其他人看到过这个问题或知道是什么原因造成的。

【问题讨论】：

标签： javascript html css cookies font-awesome-5

【解决方案1】：

我可能大错特错，这只是猜测。

我认为这是因为 cookie 同意将 aria-labelledby attr 定义为 cookieconsent:desc 但 : 是伪元素选择器，因此它试图找到一个 :desc 伪选择器（显然不是存在）。

你可能可以通过在 jQuery 中定义它来阻止这个错误

jQuery.extend(jQuery.expr[':'], {
  // add the :desc pseudo-selector to jQuery
  desc: function (el, index, selector) {
    // stub for now
    return false;
  }
});

或者您可能正在使用的任何选择器库。

至少这是我的最佳猜测

【讨论】：